Pos Plantmore Responsive Prestashop Theme 1.7


Pos Plantmore is a Responsive Responsive Prestashop theme with advanced admin modules, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package so you can easily create your own sub-themes.


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 Plazathemes


PlazaThemes,

  • Before you get started, make sure you have all the requirements available: Server space at a Hosting Provider, Domain Name, FTP client, Text Editor.

    • System: Unix, Linux or Windows. Unix is highly recommended.
    • Web server: Apache Web server 2.0 or later.
    • PHP 5.4 or later.
    • MySQL 5.0 or later.
    • At least 128 Mb of RAM on your server.
  • To install this theme you must have a working version of Prestashop already installed. For information in regard to installing the Prestashop platform, please see the Prestashop Wiki : http://doc.prestashop.com/display/PS17/Getting+started

  • After Prestashop is installed, you must delete “install” folder in your Prestashop.

For each package, you will have: quickstart package, theme package, PSD. There are two ways to install a Prestashop Theme:

  • Install Quickstart Package: By using the quickstart package, you will set the theme exactly as our Demo with sample data.

  • Install Theme : If you have available shop, you can install only theme.


Enabling Static Block and Static Footer with other language

In your theme, if there are 3 languages or more, please enabling static block by below guide:

  • Login your prestashop admin
  • Navigate to International > Localization .
  • Choose tab Languages.
  • Navigate to Modules > Module Manager
  • Choose “Modules” tab
  • On Pos Staticblock or Pos Static Footer module, click "Configure" button.
  • Click "Edit" button of your selected block
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose language you want to translate. Choose Source Code
  • Click Save button when you finish

You install new website with database sample. After you install your website like our demo.

Each theme we update has its quickstart, here, we guide quickstart installation in general.

  1. Create new database:

    • Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin

    • Then create database

      create database

    • Click database you have just created

      import database

  2. After import database, click that database and edit table ps_shop_url

    edit database

  3. Change domain, domain_ssl, physical_uri based on your data.

    edit database

  4. Connect to file config \app\config\parameters.php, change database_host, database_name, database_user, database_password:

    change file config

  5. Generate file .htaccess

    • Login your prestashop admin http://[Pretashop host or IP]/[path to Prestashop]/admin471ucftou

      - Username: demo@posthemes.com

      - Pass: admin123

    • Navigate to Shop Parameters > Traffic & SEO, at tab SEO & URLs, set up URLS and click "Save"

      generate file

    • Note:

      - If you use localhost you shoud generate file .htaccess

      - If you use normal hosting, you have to set permission 666 before you generate file .htaccess

  6. Finish installer.

You must install default prestashop before. You can see instruction install default prestashop on Prestashop Wiki: http://doc.prestashop.com/display/PS17/Installing+PrestaShop

  • To install this theme automatically do the following the video:
  • Config show left or right column in each page
    • 1. Navigate to Advanced Parametters > Performance
    • 2. Click "Clear cache"
    • 3. Navigate to Design > Theme & Logo
    • 4. Choose Choose layout
    • Config Pos Plantmore Layout1
    • Config Pos Plantmore Layout2
    • Config Pos Plantmore Layout3
    • Config Pos Plantmore Layout4
    • Config Pos Plantmore Layout5
  • Finish installer.

How to add new language

When working with different languages in PrestaShop, you should add new language by this guide


Create or edit size image and Regenerate thumbnails

  1. Navigate to Design > Images Settings
  2. Create or edit size image
  3. Choose Regenerate thumbnails button
  4. After that, we got:

User will also be able to efficiently manage your PrestaShop site without related the programming skill. You work in the front-office interface directly (in the Administration Area), which can be helpful to everyone, special for shop owners. To find more informations, please read on http://doc.prestashop.com/display/PS17/User+Guide

Note: When you finish install theme, you should disable cache. This step will help your Prestashop site active normally.

  • Advanced Parameters > Performance
  • At field Cache, choose No
  • Click Save button

Note

#Plantmore Layout1

List of Modules

List of Staticblocks:

List of Static Footer:

Home page

Category page

Details page


#Plantmore Layout2

List of Modules

List of Staticblocks:

List of Static Footer:

Home page

Category page

Details page


#Plantmore Layout3

List of Modules

List of Staticblocks:

List of Static Footer:

Home page

Category page

Details page


#Plantmore Layout4

List of Modules

List of Staticblocks:

List of Static Footer:

Home page

Category page

Details page


#Plantmore Layout5

List of Modules

List of Staticblocks:

List of Static Footer:

Home page

Category page

Details page


Static Block

  1. How to add Static Block
    • Login your prestashop admin
    • Navigate to Modules > Module Manager
    • Choose “Modules” tab
    • On Pos Staticblock , click "Configure" button.
    • Choose Add New button to add new static block
    • Enter the value of parameters and click "Save" button when you finish.
  2. How to edit Static Block
    • Login your prestashop admin
    • Navigate to Modules > Module Manager
    • Choose “Modules” tab
    • On Pos Staticblock , click "Configure" button.
    • Choose Static Block you want to edit
    • Change the value of parameters. If you want to change content, please click Source Code button to show code HTML of this block. You can change the content by editing HTML.
    • Click “Save” button to save changes

Name and position of the modules are shown in here.

Configure Module

  1. Login your Prestashop admin
  2. Navigate to Modules > Module Manager
  3. Choose “Modules” tab
  4. On selected module, click "Configure" button.

    You will get a form with parameters of the module. Let's change the specified parameter with one suitable for your theme.

  5. Click “Update” button to save config.

Megamenu Customer

A. Create new menu item

1. General Setting
  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • In part MENU SETTINGS
  • general setting

    We got:

    • Background type: Select background type

      - None: Don't use background type

      - Color

      • Background color: Set color for background

      - Image

      • Image source: Upload image background from computer
      • Background repeat: Background image can be repeated along the horizontal and vertical axes, or not repeated at all
    • Sticky menu: Select Yes to enable Sticky menu
    • Center main menu: Select Yes to center align the Main Menu
    • Submenu animation: Select animations for dropown menu items
    • Custom CSS: Add custom CSS for menu item
  • Click Save button when you finish
2. How to build a simple menu item?
  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • Click the Add new item add new menu then add the info for the menu item.
  • add new menu

    We got:

    • Title: Add menu title (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select menu item type (PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Sub Title: Enter sub title
    • Use icon: Choose icon image

      - No: Don't use icon

      - Font-Awesome Icon: Use font-awesome icon (ex: <i class="fab fa-angellist"></i>)

      - Image Icon: Click Select image > to upload icon from computer

    • Main link style: Config CSS for menu item (ex: color, color hover, background color...)
    • Subtitle style: Config CSS for sub title (ex: color, background color, font size...)
    • Submenu type: There are 3 types of submenus: Mega, Flyout and None (Flyout only is available when you select category in Type Link)
    • Add specific class: Class to style the menu item
    • New window: Choose Yes/No to open new window/tab or not by clicking
    • Active: Choose Yes pulish the menu item
  • Click Save button when you finish
3. How to build columns in Sub-menus?

In here, you can set the width of the sub-megamenu, add column, and add class that style for it. To use this setting, select the menu item as Mega type in Submenu type field.

  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • Click the Build SubMenu build submenu then add the info for the menu item.
  • build submenu
  • build submenu
  • Click on Add a row and then click Save to create new row
  • build submenu
  • Click on Add Column to add column for this row
  • build submenu

    We got:

    • Width: Configure column-width. The maximum of columns is 12 based on the bootstrap columns format.
    • Column title: Enter title of column (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select type for column title(PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Specific class: Class to style the column title
    • Active in mobile: Choose Yes pulish in the mobile
  • Click Save button when you finish
  • After that, you need configure submenu item
  • We got:

    • Type item: Select submenu item type (Category tree, Prestashop Link, Custom Link, Product, Banner image, HTML block, Manufacturer logo)

      - Category tree

      • Select a category: Select category

      - Prestashop Link

      • Prestashop link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link

      • Title: Enter custom block title
      • URL: Enter internal or external link

      - Product

      • Product: Choose product

      - Banner image

      • + Image source: Upload banner image from computer
      • + Image link: Enter internal or external link for banner image

      - HTML block

      • HTML content: Enter the HTML to define the column

      - Manufacturer logo

      • Select manufacturer: Select manufacturer logo from list
    • Active in mobile: Choose Yes pulish in the mobile

B. Configure Megamenu

1. General Configuration

This allows you to to config selected elements as general configuration for the MegaMenu.

  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • In part MENU SETTINGS
  • general setting

    => Configure parameters as you want

  • Click Save button when you finish
2. Config menu item
  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • In part MENU LIST, click Edit on selected menu item
  • edit menu
  • edit menu

    => Configure parameters as you want

  • Click Save button when you finish

Note: In part Menu List, using drag / drop function to move menu item into another position.

drag drop menu item

3. Config Submenu

Configure the width of the sub-megamenu, change title, link and add class that style for submenu.

  • Login your Prestashop admin
  • Go to Modules > Modules Manager
  • Choose “Modules” tab
  • On Megamenu custommer module, click "Configure" button.
  • Click the Build SubMenu build submenu
  • build submenu
  • build submenu

    => Configure parameters as you want (edit, add new or delete row, column; add new submenu item)

Note: In this part, using drag / drop function to move row in a single column, or the columns with each other.

drag drop submenu item

drag drop submenu item

Vertical Megamenu

Allow you show vertical category navigation with subcategories follow the columns are configured.

A. Create new menu item

1. General Setting
  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • In part MENU SETTINGS
  • general setting

    We got:

    • Heading title: Enter heading title
    • Background type: Select background type

      - None: Don't use background type

      - Color

      • Background color: Set color for background

      - Image

      • Image source: Upload image background from computer
      • Background repeat: Background image can be repeated along the horizontal and vertical axes, or not repeated at all
    • Submenu animation: Select animations for dropown menu items
    • Custom CSS: Add custom CSS for menu item
    • Show categories: Limit the number of categories
  • Click Save button when you finish
2. How to build a simple menu item?
  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • Click the Add new item add new menu then add the info for the menu item.
  • add new menu

    We got:

    • Title: Add menu title (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select menu item type (PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Sub Title: Enter sub title
    • Use icon: Choose icon image

      - No: Don't use icon

      - Font-Awesome Icon: Use font-awesome icon (ex: <i class="fab fa-angellist"></i>)

      - Image Icon: Click Select image > to upload icon from computer

    • Main link style: Config CSS for menu item (ex: color, color hover, background color...)
    • Subtitle style: Config CSS for sub title (ex: color, background color, font size...)
    • Submenu type: There are 3 types of submenus: Mega, Flyout and None (Flyout only is available when you select category in Type Link)
    • Add specific class: Class to style the menu item
    • New window: Choose Yes/No to open new window/tab or not by clicking
    • Active: Choose Yes pulish the menu item
  • Click Save button when you finish
3. How to build columns in Sub-menus?

In here, you can set the width of the sub-vertical megamenu, add column, and add class that style for it. To use this setting, select the menu item as Mega type in Submenu type field.

  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • Click the Build SubMenu build submenu then add the info for the menu item.
  • build submenu
  • build submenu
  • Click on Add a row and then click Save to create new row
  • build submenu
  • Click on Add Column to add column for this row
  • build submenu

    We got:

    • Width: Configure column-width. The maximum of columns is 12 based on the bootstrap columns format.
    • Column title: Enter title of column (>>> If use Prestashop link and want to use Prestashop title, leave it empty.)
    • Type Link: Select type for column title(PrestaShop Link / Custom Link / None)

      - PrestaShop Link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link: Enter internal or external link

    • Specific class: Class to style the column title
    • Active in mobile: Choose Yes pulish in the mobile
  • Click Save button when you finish
  • After that, you need configure submenu item
  • We got:

    • Type item: Select submenu item type (Category tree, Prestashop Link, Custom Link, Product, Banner image, HTML block, Manufacturer logo)

      - Category tree

      • Select a category: Select category

      - Prestashop Link

      • Prestashop link: Select link from Category, CMS, Supplier, Manufacturer or Page.

      - Custom Link

      • Title: Enter custom block title
      • URL: Enter internal or external link

      - Product

      • Product: Choose product

      - Banner image

      • + Image source: Upload banner image from computer
      • + Image link: Enter internal or external link for banner image

      - HTML block

      • HTML content: Enter the HTML to define the column

      - Manufacturer logo

      • Select manufacturer: Select manufacturer logo from list
    • Active in mobile: Choose Yes pulish in the mobile

B. Configure Vertical Megamenu

1. General Configuration

This allows you to to config selected elements as general configuration for the Vertical Megamenu.

  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • In part MENU SETTINGS
  • general setting

    => Configure parameters as you want

  • Click Save button when you finish
2. Config menu item
  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • In part MENU LIST, click Edit on selected menu item
  • edit menu
  • edit menu

    => Configure parameters as you want

  • Click Save button when you finish

Note: In part Menu List, using drag / drop function to move menu item into another position.

drag drop menu item

3. Config Submenu

Configure the width of the sub-vertical megamenu, change title, link and add class that style for submenu.

  • Login your Prestashop admin
  • Go to Modules > Module Manager
  • Choose Modules tab
  • On Vertical Megamenu module, click "Configure" button.
  • Click the Build SubMenu build submenu
  • build submenu
  • build submenu

    => Configure parameters as you want (edit, add new or delete row, column; add new submenu item)

Note: In this part, using drag / drop function to move row in a single column, or the columns with each other.

drag drop submenu item

drag drop submenu item

Pos Slideshow Slider

It allows to put banner on hompage. You can specify link, languages and status of slide.

  • How to add item in Slideshow
    • Login your prestashop admin. Click "All shop", select the theme you want to add slideshow
    • Navigate to Modules > Module Manager
    • Choose “Modules” tab
    • On Pos Slideshow Slider module, click "Configure" button.
    • At SLIDES LIST section, click Add New button
    • We got:
    • Click “Save” button when you finish.
  • How to edit item in Slideshow
    • Login your prestashop admin. Click "All shop", select the theme you want to edit slide show
    • Navigate to Modules > Module Manager
    • Choose “Modules” tab
    • On Pos Slideshow Slider module, click "Configure" button.
    • At SLIDES LIST section, click "Edit" button of your selected slide.
    • Then edit
    • Click “Save” button when you finish.

Pos New Products module

Shows new products in slider on hompage.

How to set days for new products

  • Login your prestashop admin
  • Navigate to Shop Parameters > Product Settings
  • In "Products (general)", enter "Number of days for which the product is considered 'new'"
  • Click "Save" button.

Pos Special Products module

Shows specials products in slider on hompage

How to set a product as discount product:

  • Login your prestashop admin
  • Navigate to Catalog > Products
  • Choose item you want to edit, click Edit
  • Choose tab “Prices
  • From the Prices data tab, look for a checkbox with the description "Display the 'on sale' icon on the product page, and in the text found within the product listing" Click on the checkbox to activate the 'On Sale' status.
  • Click on the Save and Stay button.
  • Click "Save" button

Pos Countdown time price

Countdown time price comes with sale products.

Configure:

When you config “Pos Countdown time price” module, choose “Disable” if you don’t want to show countdown time.

Set time for discount product: Select this check box to limit the duration that a discount is valid.

  • You set product as discount product. Please see in Pos Special Products module
  • From the Specific Prices tab, when you Add a new specific price, you choose discount prior and set discount:
    - from: Select a beginning date for this discount.
    - to: Select an expiration date for this discount.
  • Click "Save" button

Pos Bestseller products

Pos list category products

Module show products from categories which display in homepage .

Category Tab Slider

The module allows you to show tab products from categories on homepage.

Pos Testimonials

  • Manage testimonials on your shop
    • Navigate to Modules > Modules Manager
    • Choose “Modules” tab
    • On Pos Testimonials, click "Configure" button.
    • Click “Go to Manager Testimonial

Other modules

  1. Xpert Blog Display Posts on Home Page
    • About Xpert Blog Display Posts on Home Page module
      • Login your prestashop admin
      • Navigate to Xpert Blog
      • - Blog Posts : Add, Delete or Edit Posts of Blog

        - Blog Categories : Add, Delete or Edit Categories of Blog

        - Blog Comments : Manage Comments

        - Blog Image Type : Manage type of images

    • Add Blog Post
      • Login your prestashop admin
      • Navigate to Xpert Blog > Blog Posts
      • Click “Save” button when you finish.
    • Edit Blog Post
      • Login your prestashop admin
      • Navigate to Xpert Blog > Blog Posts
      • Choose item you want to edit, click Edit
      • Then edit
      • Click “Save” button when you finish.
  2. Link List

    Link List allow you add a block with several links.

    Note: After that, ticking the checkbox to display link on homepage

  3. Newsletter subscription
  4. Faceted search

    Displays a block allowing multiple filters.

  5. Products in the same category

    Products in the same category show products on the same category.

  6. Social media follow links

    Social media follow links allows you to add information about your brand's social networking accounts

  7. Social media share buttons

    Social media share buttons displays social media sharing buttons (Twitter, Facebook, Google+ and Pinterest) on every product page

  8. Customer reassurance

    Customer reassurance module offering helpful information to reassure customers that your store is trustworthy.

  9. Category tree links

    Category tree links displays a block featuring product categories

Modules

  • Login your prestashop admin
  • Go to International > Translations
  • At "Modify translations" section:
    • Type of translation : Translate anything in Prestashop (and not just modules)
    • Select your module : Select the module that you want to translate
    • Select your language : Choose language you want to translate
  • Choose Modify
  • Then Search titles or text need translate
  • After typing your language, click Save and stay or Save to finish.
  • In the footer, you can choose another module for translation.
  • Note: To find more informations, please read on http://doc.prestashop.com/display/PS17/Translations

Example: In Plantmore Layout1, you want to translate title The most trendy of Pos Featured Products module module from English to Arabic.

  • Login your prestashop admin
  • Go to International > Translations
  • At "Modify translations" section:
    • Type of translation : Choose “Installed modules translations
    • Select your module : Choose “Pos Featured Products module
    • Select your language : Choose “Arabic
  • Choose Modify
  • Then Search The most trendy to translate
  • After a translation has been completed, click Save and stay or Save to finish.

Staticblock content

  • Login your prestashop admin
  • Navigate to Modules > Module Manager
  • Choose “Modules” tab
  • On Pos Staticblock or Pos Static Footer module, click "Configure" button.
  • Click "Edit" button of your selected block.
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose language you want to translate
  • Choose Source Code and paste code HTML. Then translate
  • Click Save button when you finish

Example: In Plantmore Layout 1, you want to translate text Copyright Posthemes. All Rights Reserved of payment from English to Arabic.

  • Login your prestashop admin
  • Navigate to Modules > Module Manager
  • Choose “Modules” tab
  • On Pos Static Footer module, click "Configure" button.
  • At payment, click "Edit" button.
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose Arabic
  • Choose Source Code and paste code HTML. Then translate to Arabic
  • Click Save button when you finish

Translate text in Pos Slideshow Slider

  • Login your prestashop admin. Click "All shop", select the theme you want to translate
  • Navigate to Modules > Module Manager
  • Choose “Modules” tab
  • On Pos Slideshow Slider module, click "Configure" button.
  • At SLIDES LIST section, click "Edit" button of your selected slide.
  • Click of each value of parameters (Slide title, Caption or Description) to choose language then translate.
  • Enter your language & 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.