Pos Lion Responsive Prestashop Theme


Pos Lion is a 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 Posthemes


PosThemes,

  • 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 1.3 or later, Microsoft's IIS Web server 6.0 or later, and nginx 1.0 or later.
    • PHP 5.2* or later.
    • MySQL 5.0 or later.
    • At least 32 Mb of RAM on your Server (64 Mb is comfortable, the more the better).
  • 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/PS16/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 Template : If you have available shop, you can install only template.


RTL Language

RTL means Right To Left. Only a few languages in the world use RTL text direction, but these languages cover over a billion people. When written in Latin or Cyrillic scripts, Azeri ... is written left-to-right (LTR). When written in the Hebrew or Persian Arabic script..., it is written right-to-left (RTL).


Here are two pages, one in LTR and one in RTL:


How to enable RTL:

  • Login your prestashop admin
  • Navigate to Localization > Languages
  • Choose language which written in RTL language.
  • Click “Save” button.

Enabling Static Block and Static Footer with other language

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

  • Login your prestashop admin
  • Navigate to Localization > Languages
  • Navigate to PosExtensions > Manage Staticblocks (or Manage Static Footer)
  • 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 template we update has its quickstart, here, we guide quickstart installation in general.

  1. Create new database by :

    • Open your Browse and type : localhost/phpmyadmin
    • Then create database :
  2. Extract and upload the whole Quickstart package (admin, modules, themes,…) in pos_lion_quickstart folder to your server.

    Copy all of folder to your Prestashop.

  3. Open browser and navigate to your site (where the quickstart uploaded) to load default Prestashop installer with the database you just created.

    As an example, name of prestashop is pos_lion_test.

    Choose language you want to install.

    Click “Next” button.

  4. Step by step to follow the instructions.

    Click “Next” to continue, we got:

    Click “Next” to continue, we got:

    • With database name : pos_lion_test – database name you have just created
    • User name : root
    • User password: No need to fill in
    • Click “Next” button
    • Click Manage your store to login your Amin Prestashop
    • Click Discover your store to your home page

    If you click “Manage your store”, you will have a trouble:

    You have to delete the “install” folder in your Prestashop.

    Then, you access your Admin Prestashop.

  5. Finish installer.

Set URL for Pos Lion template in the quickstart

  1. How to set URL for Pos Lion 1 template
    • Login your prestashop admin
    • Go to Preferences > General > Enable Multistore
    • Navigate to Advanced Parameters > Multistore
  2. How to set URL for Pos Lion 2 template
    • Login your prestashop admin
    • Go to Preferences > General > Enable Multistore
    • Navigate to Advanced Parameters > Multistore
  3. How to set URL for Pos Lion 3 template
    • Login your prestashop admin
    • Go to Preferences > General > Enable Multistore
    • Navigate to Advanced Parameters > Multistore
  4. How to set URL for Pos Lion 4 template
    • Login your prestashop admin
    • Go to Preferences > General > Enable Multistore
    • Navigate to Advanced Parameters > Multistore

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

  • To install this theme automatically do the following the video:
  • State of columns for this template
    • Navigate to Advanced Parametters > Performance
    • In Smarty section, you disable cache then click "Save"
    • Click "Clear cache"
    • Navigate to Preferences > Themes
    • Choose Advanced settings
      • Config Pos Lion 1 Layout
      • Config Pos Lion 2 Layout
      • Config Pos Lion 3 Layout
      • Config Pos Lion 4 Layout
  • 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 Preferences > Images
  2. Create or edit size image
  3. Choose Regenerate thumbnails button
  4. After that, we got:

After finish installing template, wishlist button doesn't show. To show it, please do like steps below:

  • Login your prestashop admin
  • Navigate to Modules and Services > Modules and Services
  • Choose “ All ” tab
  • At Wishlist block , click "Install" button.
  • Wishlist block has been installed.

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/PS16/User+Guide

Note: When you finish install template, 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

#Layout1

List of Modules

List of Staticblocks

Home page

Category page

Details page


#Layout2

List of Modules

List of Staticblocks

Home page

Category page

Details page


#Layout3

List of Modules

List of Staticblocks

Home page

Category page

Details page


#Layout4

List of Modules

List of Staticblocks

Home page

Category page

Details page

Static Block

Note : Some Static Block and Static Footer can be used to display module. So to edit them, you should edit directly on their module by this way

  1. How to add Static Block
    • Login your prestashop admin
    • Navigate to PosExtensions > Manage Staticblocks
    • 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 PosExtensions > Manage Staticblocks
    • 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 and Services > Modules and Services
  3. Choose “ All ” 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 template.

  5. Click “Update” button to save config.

Megamenu Customer

  1. Add new menu item

    Megamenu Customer module supports multiple types of menu. This module supports up to 6 link types: CMS, Supplier, Manufacturer, Categories, Products, Mega menu Top Links.

    • Menu item = CMS
    • Megamenu with Menu item = CMS in this theme:

    • Menu item = Supplier
    • If you want to add new supplier or edit them in megamenu:

    • Menu item = Manufacturer
    • If you want to add new manufacturer or edit them in megamenu:

    • Menu item = Categories
    • If you want to add new category or edit them in megamenu:

    • Menu item = Products
    • If you want to add new product or edit them in megamenu:

    • Menu item = Mega menu Top Links
  2. Add Static Block to popup of a specify category
    • In order to display a custom block with images or other html content in the popup, use the Static Block (PosExtensions -> Manage Staticblocks) with the Identify of category like "pt_menu_idcat_[ID Category]".
    • Default the custom block will be show at the bottom of the popup. But if you want to show it on the right/left of the popup, just use the ID like “pt_menu_idcat_[ID Category]_right”/“pt_menu_idcat_[ID Category]_left
  3. Add CMS Block to menu item
    • Just use the Static Block (PosExtensions -> Manage Staticblocks) with the ID has prefix is "pt_item_menu_[name]"

Vertical Mega Menu Customer

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

  • How to add new menu item

    Vertical Mega menu Customer module supports multiple types of menu as Pos Megamenu Customer module. This module also supports 6 link types: CMS, Supplier, Manufacturer, Categories, Products, Mega menu Top Links. To add new menu item, you click "Configure" on Vertical Mega menu Customer module. After that, you add 6 link types as Megamenu Customer module

  • How to edit the static block:
    • Login your prestashop admin
    • Navigate to PosExtensions > Manage Staticblocks
    • Choose vertical Menu Static (has ID : pt_ver_menu_idcat_12)
    • Change 12 to your category ID you want to show cms block or 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
  • How to add Static Block to popup of a specify category
    • In order to display a custom block with images or other html content in the popup, use the Static Block (PosExtensions -> Manage Staticblocks) with the Identify of category like "pt_ver_menu_idcat_[ID Category]".
    • Default the custom block will be show at the bottom of the popup. But if you want to show it on the right/left of the popup, just use the ID like “pt_ver_menu_idcat_[ID Category]_right”/“pt_ver_menu_idcat_[ID Category]_left

Pos list category products

Module show products from categories which display in homepage.

* Note:

  • Select item if you want to add/edit images (description)/ thumbnail image below each category
  • At "Image/Thumbnail": You can change/add thumbnail image for the category to display on homepage.
  • At "Select Category": You can choose the category you want to show on homepage.
  • At "Choose the subcategories": Select subcategories
  • At "Enable" : Set Yes to show this category on homepage
  • At "Description", you can change images to display on homepage.

Pos list categories

Module show number of products and thumbnail images from categories which display in homepage.

* Note:

  • Select item if you want to add/edit thumbnail images for each category
  • At "Image/Thumbnail": You can change/add thumbnail image for the category to display on homepage.
  • At "Select Category": You can choose the category you want to show on homepage.
  • At "Enable" : Set Yes to show this category on homepage

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 override files

This module to override a module's instance classes.

Pos Product Accessories module

Pos Product Accessories module is an improved version of the defaut accessories tab present in the products pages.

How to set product accessories for each product

  • Login your prestashop admin
  • Navigate to Catalog > Products
  • In order to add a product association, click on the product you want to edit
  • Click on the Associations tab on the left. Locate the Accessories field.
  • Type in the first letters of the product and select it. The product is then added at the bottom of the field.
  • Click "Save" button.

Pos Slideshow

It's 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
    • Navigate to PosExtensions > Manage Slideshow
    • Click “Save” button when you finish.
  • How to edit item in Slideshow
    • Login your prestashop admin
    • Navigate to PosExtensions > Manage Slideshow
    • Choose item you want to edit, click Edit
    • Then edit
    • Click “Save” button when you finish.

Pos Speical 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 Random Products module

Show random products with slider.

Pos theme editor

You can show or not some features of Lion theme and config it through this module. Beside, you can change Google font for title and link/text.

Pos Top-sellers slider

With this module, you can show bestseller products in slider.

Pos New Products module

Shows new products in slider on hompage.

How to set days for new products

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

Instagram images block

Using this module you can easily display images from your instagram account on your e-shop.

Rotator img

This module allows you to rotate product image.

How to set rotator image for each product

  • Login your prestashop admin
  • Navigate to Catalog > Products
  • Choose the product you want to edit
  • Click on the Images tab on the left.
  • Click "Save" button.

Scroll to top

This "Back to top" link allows users to smoothly scroll back to the top of the page.

Configure:

When you config “Scroll to top” module, choose “Disable” if you don’t want to show back to top button.

Other modules

  1. SmartBlog Home Latest
    • About SmartBlog Home Latest module
      • Login your prestashop admin
      • Navigate to Blog
      • - Blog Categories : Add, Delete or Edit Categories of Blog

        - Blog Comments : Manage Comments

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

        - Image Type : Manage type of images

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

    Contact block allow you change your store information.

  3. Newsletter block
  4. Categories block

    Categories block displays a block featuring product categories.

  5. Social networking block

    Show social links with icons

  6. CMS block

    CMS block is displaying CMS pages. You can navigate to Modules and Services -> Modules and Services, search for CMS block, Configure it and select which pages to display on the page.

  7. Tags block
    • How to add tags
      • Login your prestashop admin
      • Navigate to Catalog>Tags
    • How to manage Product Tags
      • Login your prestashop admin
      • Navigate to Catalog>Products
      • Choose product you want to edit, click Edit
      • Choose tab “Information
      • From the Information data tab, look for Tags and add more tag for the selected products.
      • Click “Save” button when you finish.
  8. Products category

    Products category show products on the same category.

Installed Modules

  • Login your prestashop admin
  • Navigate to Localization > Translations
  • At "Modify translations" section:
    • Type of translation : Choose “Installed modules translations
    • Select your theme : Choose template you want to translate
    • Select your language : Choose language you want to translate
  • Choose Modify
  • Then Search modules name or titles need translate
  • After typing your language, click Save and stay or Save to finish.

Example: In Lion 2, you want to translate title Random Products of Pos Random Products module module from English to Arabic.

  • Login your prestashop admin
  • Navigate to Localization > Translations
  • At "Modify translations" section:
    • Type of translation : Choose “Installed modules translations
    • Select your theme : Choose “pos_lion2
    • Select your language : Choose “Arabic
  • Choose Modify
  • Then Search Pos Random Products module or Random Products
  • After a translation has been completed, click Save and stay or Save to finish.

Staticblock content

Note : Some of static blocks are created to contain the modules so you will need to use the below guide.

  • Login your prestashop admin
  • Navigate to PosExtensions > Manage Staticblocks (or Manage Static Footer or Manage Slideshow )
  • Click "Edit" button of your selected block or your slide
  • 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 Lion1, you want to translate text Copyright ©Posthemes. All Rights Reserved of Footer Static Col8 from English to Arabic.

  • Login your prestashop admin
  • Navigate to PosExtensions > Manage Static Footer
  • At Footer Static Col8, 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

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.

http://www.posthemes.com/tickets/