Pos Themeoptions


This module allow change the theme's colors easily via use color picker in your admin panel.


And here you can find out more about theme updates, new features and about our upcoming themes:

- Follow us on Facebook

- Follow us on Twitter

- Follow us on Posthemes


PosThemes,

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In GENERAL tab

    general_themeoptions

    We got:

    * In Layout part:

    • Layout: Select wide or boxed for layout
    • Container max width : Set maxium width of page. You must provide px or percent suffix (example 1240px or 100%)
    • Sidebar width : Choose width of sidebar with 3 options: normal, narrow, wide.

    * In Body font & color part:

    • Main color: Select main color for this theme
    • Google font URL: Add google font URL(Example: https://fonts.googleapis.com/css?family=Open+Sans:400,700 . Add 400 and 700 font weigh if exist. If you need adds latin-ext or cyrilic too. Go to Google font to get font URL )
    • Google font name: Add Google font name (Example: 'Montserrat', sans-serif )
    • Body font size: Font size of body
    • Body font color: Select color of body

    * In Body background part:

    • Body background color: Select the background color of body
    • Body background image : Select the background image of body
    • Body background repeat: Set how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all
    • Body background attachment : Set whether a background image scrolls with the rest of the page, or is fixed
    • Body background size: Select the size of the background images: auto, cover

    * In Title block part:

    • Title block- Google font URL: Add google font URL(Example: https://fonts.googleapis.com/css?family=Open+Sans:400,700 . Add 400 and 700 font weigh if exist. If you need adds latin-ext or cyrilic too. Go to Google font to get font URL )
    • Title block- Google font name: Add Google font name (Example: 'Montserrat', sans-serif )
    • Title block font size: Font size of the title
    • Title block color: Select color of the title
    • Title block transform: Select text-transform for title (None/Capitalize/UPPERCASE)
    • Title block fontsize in column: Font size of the module's title, that modules can be placed within any column position.

    => Configure parameters as you want

  4. Click Save button when you finish

This allows you to choose header template, enable header sticky and choose background color for sticky header.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In HEADER tab

    header_themeoptions

    We got:

    • Select header layout : Select layout of header
    • Background color : Set background color for header
    • Header sticky : Choose Yes to enable header sticky
    • Body font size: Font size of body
    • Body font color: Select color of body

    => Configure parameters as you want

  4. Click Save button when you finish

This allows you to choose homepage template.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In HOMEPAGE tab

    header_themeoptions

    We got:

    • Homepage Template : Select homepage template to show

    => Configure parameters as you want

  4. Click Save button when you finish

This allows you to choose background image, text color, title size of other pages in theme.

  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In PAGE TITLE tab

    header_themeoptions

    We got:

    • Background image : Select image as background for other pages in theme. You can set background image for category page by uploading in Catalog > Categories - choose category you want to set background image > Upload background image at Category cover image
    • Text color : Color of text for page title
    • Page title size : Select size of page title: small, default, big.

    => Configure parameters as you want

  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In PRODUCT GRID SETTINGS tab

    product_grid_themeoptions

    We got:

    • Product grid display: Select style to display buttons on product
    • Use no border: Select Yes if you don't want to show border arround product box.
    • Use no padding: Select Yes if you don't want to have padding between products
    • Product name color: Color of product name
    • Product name color hover: Color of product name when hover
    • Product name font size: Choose type to display product name
    • Product name transform: Select text-transform for the product name (None/Capitalize/UPPERCASE)
    • Price color: Select color of the price
    • Price font size: Font size of the price

    => Configure parameters as you want

  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In CATEGORY PAGE SETTINGS tab

    category_themeoptions

    We got:

    • Category layout: Select layout for category page.
      • At No column & filter top - Go to Design > Theme & Logo > Choose Layouts > category: Select Full Width - No side columns, ideal for distraction-free pages such as product pages.
    • Show subcategories: Choose Yes/No to show subcategories or not
    • Product per page: Set number of products per page
    • Number product per row: Set number of products per row

    => Configure parameters as you want

  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In PRODUCT PAGE SETTINGS tab

    general_themeoptions

    We got:

    In Product page layout :

    • Product detail layout: Select layout for product detail page
    • Product thumbnails on desktop devices: Product thumbnails can be displayed horizontal slider or vertical slider (Left side vertical slider/Right side vertical slider).
    • Number of thumbnails: Set number of thumbnail images will be shown

      In Configurations :

    • Product name color: Select color of the product name
    • Product name font size: Font size of the product name
    • Product name transform: Select text-transform for the product name (None/Capitalize/UPPERCASE)
    • Price color: Select color of the price
    • Price font size: Font size of the price
    • Product infomation tab display: Product infomation tab can be displayed horizontal slider or vertical slider (Left side vertical slider/Right side vertical slider).

    => Configure parameters as you want

  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In CUSTOM CSS/JS tab

    general_themeoptions

    We got:

    • Custom CSS: Add CSS you want to customize
    • Custom JS: Add JS you want to customize
  4. Click Save button when you finish
  1. Login your Prestashop admin
  2. Go to POSTHEMES > Modules > Theme Settings

  3. In DEMO SETUP tab

    general_themeoptions

    We got:

    • Demo Setup: Select demo you want to import
    • View our list demo: Link to our demo
    • Import: Click this button to import demo
  4. Click Save button when you finish

Support Working time: Monday - Friday

Estimated ticket and answers review time: 1-3 business days.

We have hundreds of questions and provide answers asap, but this can take up to 3 days after your submitted request. Please be patient and wait for answer.

Send us email to posthemes@gmail.com.