Introduction


Glori - PresThemes Glori Prestashop Theme

Created by: Presthemes.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please open a new ticket here to be the best support.

In this user guide you will find all required information to get your site up and running: starting from theme installation and setup, to usage of different post types, page templates

Attention!!! Kindly note, that we cannot provide the support until you specify your Item Purchase Code. Here's how you can get it: http://themeforest.net/category/ecommerce/prestashop.

Also note that this is combined manual for our multipurpose themes that shares similar back- and front-end features. Therefore some screenshots, interfaces and features may slightly vary from actual theme that you've purchased.

Requirements & Compatibility


Our themes are compatible with the Prestashop versions 1.6 or higher ( PHP 5 or higher, and mysql 5 or higher).

Most JavaScript enabled Browsers will make them work with no issues. They are designed and optimized for desktops, tablets and smartphones.

Currently we are testing themes in:

  • Google Chrome (Mac and PC)
  • Firefox (Mac and PC)
  • Internet Explorer 8 and later
  • Safari (Mac and PC)

IMPORTANT!!!

  • Check to ensure that your web host has the minimum requirements to run Prestashop
  • Always make sure they are running the latest version of Prestashop
  • You can download the latest release of Prestashop from official Prestashop website
  • Always create secure passwords FTP and Database

Theme features

  1. Responsive

    Glori theme have features to help customize the interface your website easily without need to customize html, css. Theme runs on multiple devices.Website automatically adjust the appropriate interface with other devices using different.

  2. Multi homepage

    Theme is designed with many homepages.This theme help user change layout for homepage easily.

  3. Layout

    • Wide/Boxed Layout for page

      - In boxed layout mode, support to set width content page. For example: 960px

      - In wide layout mode, support to set wide/boxed layout for header and footer.

    • In wide mode header support

      - Wide mode for content and background

      - Wide mode for only background.

  4. Multi header and multi footer

    • Each homepage have specified header’s style

  5. Multi footer

    • Each homepage have specified footer’s style

  6. Support RTL

    Support language is written from right to left

  7. Customize number columns

    Customize number columns for pages of theme.

  8. HTML5/CSS3, Bootstrap

    Theme use HTML5/CSS3, bootstrap framework.

  9. Mega menu

    Configuaration menu is wider variety, not simply display the categories as the default of Prestashop's menu.

  10. Layer slider

    Slider support responsive on many device and display caption with many variety.

  11. Blog system

    Management of the post list by categories. Otherwise, blog supplies 4 block : categories (for post), lastest post, current comment and tag cloud.

  12. Static content

    Follow customize static content (banner and custom link, custom html text …) into many position.

  13. Quick Search Block

    • Support ajax search and instant search
    • Result display : product list with jquery carouFredSel and large product with information detail.

  14. Block product on homepage is showed with many variety display

    Block single product of modules below display with many vareity display. The blocks support change display easily.

    • Module Cs Home Feature Block

    Configurations can set to change layout

    • Enable/Disable slider
    • Number column (number products on aline)
    • Number row
    • Enable/Disable big product
    • Enable/Disable icon slider

  15. Module Cs Products In Category Block

    Display many block single product with 3 templates : tab, accordion, column (default 3 columns on a line)

  16. Module Cs Block Banner Categories Featured

    Display the popular categories with many option to config display of module.

    Configurations can set to change layout

    • Add banner for each category item
    • Enable/Disable slider
    • Number column (number categories on aline)
    • Enable/Disable icon slider
    • Config elements in 1 item : image, description, sub categories, product list.

  17. Module Cs Banners Block

    Display the banner block with many option to config display of module.

    • Enable/Disable slider
    • Number column (number banners on aline)
    • Change background and background mode

  18. Module Cs Manufacturer Block

    • Display list manufacture logo
    • Support responsive slider

  19. Module Cs Blog Latest Post

    Display the latest post block with many option to config display of module.

    • Enable/Disable slider
    • Config number column (number post on aline)
    • Config number row

  20. Module CS Home Featured Post

    • Display post featured in post category HOME
    • Change background image for block

  21. Category page features

    • Enable/Disable image, description category
    • Config Number products in a line
    • Enable/Disable list grid icon
    • Config GRID or LIST is default display
    • Enable/Disable sub categories
    • Enable/Disable slider for sub categories
    • Config image for sub categories item : In page category, list sub categories display image sub categories or image product of this sup categories

  22. Product page features

    • Product information template : accordion or row (none-accordion)
    • Social icon network
    • Product Review
    • Product Comment
    • Product Accessories
    • Zoom and Light box product thumbnail
    • Products in the same category

  23. And many other features supported in this theme

    • Easy install theme by module theme importer of prestashop and install full site
    • Support custom color and font for important elements of site
    • Disable/enable smooth scrolling
    • Disable/enable scroll to top button
    • Disable/enable sticky menu
    • Disable/enable quick view button
    • Using Isotope jquery – plugin for magical layouts. Support disable/enable Appear animation
    • Multi language with fully translation
    • Multi currencies
    • Google Rich snippet
    • SEO URL
    • Support CCC
    • Support one page checkout or standard checkout

Install full package

- Homepage 1: using package 1-glori-fashion-full-package_1.x.x.x_rxxx.zip

- Homepage 2: using package 2-glori-eyewear-full-package_1.x.x.x_rxxx.zip

- Homepage 3: using package 3-glori-furniture-full-package_1.x.x.x_rxxx.zip

- Homepage 4: using package 4-glori-cosmetic-full-package_1.x.x.x_rxxx.zip

Process install full package

  1. Step 1 : Download and use full package you want to install, then extract and upload all contents from full package to your server.
  2. Step 2 : Create your database in your host with name YOUR_DATABASE_NAME
  3. Step 3 : Find 1_sample-database.sql and import the sql file into your database you have just created.
  4. Step 4 : Find 2_update-database.sql, edit the last three lines and import the sql file your database.
    • UPDATE ps_shop_url SET `domain`='YOUR_DOMAIN';
    • UPDATE ps_shop_url SET `domain_ssl`='YOUR_DOMAIN';
    • UPDATE ps_shop_url SET `physical_uri`='/YOUR_BASE_URI/';
    With :
    • YOUR_DOMAIN : is your domain name (NOTE : don't have http:// or https://).
      Example your-domain.com.
    • /YOUR_BASE_URI/ : path to sub folder contain your site in your server.
      Example sub folder your create to contain your site is new-prestashop, /YOUR_BASE_URI/ is /new-prestashop/.
      Incase, you don't create sub folder to contain your site, you use : UPDATE ps_shop_url SET `physical_uri`='/';
  5. Step 5 : rename file /config/settings.inc.php.default to /config/settings.inc.php and configure this file with info you create YOUR_DATABASE_NAME in step 2.

    • define('_DB_NAME_', 'database name');
    • define('_DB_SERVER_', 'database server');
    • define('_DB_USER_', 'database username');
    • define('_DB_PASSWD_', 'database password');
  6. Step 6 : - Access front end your site, if you can't access it, please go to menu PREFERENCES > SEO & URLS in back end
    • Link access back end /BASE_URI/psadmin (BASE_URI : link to front end your site)
    • Email address: demo@presthemes.com
    • Password: presthemes
    • You can rename the directory psadmin to change the admin panel’s URL.

      • - Then go to part "SET UP URLS" click "SAVE" to recreate file ".htaccess" automatically.

  7. Step 7 : Refesh your front end, process intall finish.

Installation theme package with installator

- Homepage 1: using package 1-glori-fashion-theme_1.x.x.x_rxxx.zip

- Homepage 2: using package 2-glori-eyewear-theme_1.x.x.x_rxxx.zip

- Homepage 3: using package 3-glori-furniture-theme_1.x.x.x_rxxx.zip

- Homepage 4: using package 4-glori-cosmetic-theme_1.x.x.x_rxxx.zip

Process install theme package package with installtor

  1. Go to menu PREFERENCES > THEMES, select Add new theme
  2. At part IMPORT FROM YOUR COMPUTER, select your theme package and click Save
  3. After, go to part "SELECT A THEME FOR SHOP", click "Use this theme" as image below
  4. After, click Save and Finish
  5. Refesh your in front-end.Install theme finish.

Notes after install theme

To ensure, this theme works well, need check:

  1. - See result in front-end, if the result is not the same demo, go to Advanced Parameters > Performance, check "Template cache" is Force Compile, "Cache" is no and click Save.
  2. To use this theme, module "csmanagement" must be installed. This module include css, js file and config functions for theme, therefore it must be installed
  3. Go to back-end, go to menu Modules > Modules > Other Modules and check module list is installed (if module don't install, install it).
    List modules you want to install.
    1. Cs Banners Block
    2. Cs Block Banner Categories Featured
    3. CS Blog
    4. Cs Blog Latest Post
    5. Cs Count Down Box
    6. Cs Home Featured Block
    7. CS Home Featured Post
    8. Cs Layer slider
    9. Cs Management
    10. Cs Mega Menu Block
    11. Cs Products In Category Block
    12. Cs Quick Search Block
    13. Cs Static block
    14. Cs Theme Configurator
  4. After install module, you need sort position of modules to they display as design of theme. Go to menu Module > Position and sort position in the same hook as image below.

    Position modules of hooks in back end

    - Homepage 1 (fashion store)
    - Homepage 2 (eyewear store)
    - Homepage 3 (furniture store)
    - Homepage 4 (cosmetic store)

Management layout

This part guide config change layout and some configuration of theme. Go to menu "Modules > Modules" and find module Cs Management

  1. The functions can config :
    • Disable/enable menu sticky
    • Disable/enable scroll to top
    • Disable/enable button quickview
    • Disable/enable Smooth scroll
    • Disable/enable Appear animation
  2. Config layout for page :
    • Boxed or wide mode for PAGE
    • Config boxed mode width (in case boxed mode for page is actived). Set 0 to disable option and get default width.
    • Config layout mode for HEADER(in case wide mode for page is actived)
      • Boxed mode
      • Wide mode only background
      • Wide mode content and background
    • Config layout mode for FOOTER(in case wide mode for page is actived)
      • Boxed mode
      • Wide mode
  3. Config category page :
    • Config number product aline for category page (number 1)
    • Disable/enable list grid icon (number 2)
    • Config list, grid default display (number 3)
    • Disable/enable : sub categories, slider for sub categorire, image category, description category (number 4, 5, 6, 7)
    • Config image for sub categories item : In page category, list sub categories display image sub categories or image product of this sup categories (number 8)
    • Config name category in block product: Display or hide name category in block product.
  4. Config product page :
    • Config product information template: accordion or row (none-accordion)

Configuring Columns

In Prestashop version 1.6: You can configure the column for each page

- Go to Preferences > Themes, view part "YOUR CURRENT THEME" and click Advanced settings

- And config column as image below to config as design (you can config different).
Disable/enable column left and column right for each page.

Configuring type images and image size

Image size of your site should be configured the same guidelines to ensure the best interface

- Go to Preferences > Image, configure "Width" & "Height" as image follows:

- Regenerates thumbnails for all existing product images

Regenerates thumbnails help generate images of your website by the new size image

Translation

View document of prestashop to translate for theme http://doc.prestashop.com/display/PS16/Translations

Management the mobile theme

- Disable mobile theme in case use responsive theme for mobile

- In back-end, go to menu Preferences > Themes and select as image below

Module Cs Home Featured Product and module Cs Featured Category Block

Function: display block single featured product with a feature of each module

- In backend, go to menu Modules > Modules and find module "Cs Home Featured Product" or module "Cs Featured Category Block"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- The module have many option to change display.

  • Title block : Setting any title
  • Number products get : Limit number product get in product list
  • Used slider : Disable/enable slider for block
  • Navigation control : Disable/enable navigation control
  • Pagination control : Disable/enable pagination control
  • Number line product : Setting number line products display in module (number row)
  • Number products in a line : Setting number products in a line (number column)
  • Display image product (in sidebar) : Disable/enable image of product item in sidebar
  • Display big product : Disable/enable big product
  • Choose big product : Setting product is big product

- Module display in frontend

Module Cs Products In Category Block

Display multi block products list of categories with 3 templates : tab, accordion and column.

- In backend, go to menu Modules > Modules and find module "Cs Products In Category Block"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- The module have many option to change display.

  • Template display : Setting template display for module (tab template, accordion template or column template)
  • Used slider : Disable/enable slider for block
  • Navigation control : Disable/enable navigation control
  • Pagination control : Disable/enable pagination control
  • Number products get : Limit number product get in product list
  • Number line product : Setting number line products display in module (number row)
  • Number products in a line : Setting number products in a line (number column)
  • Image size : Setting image size of product item
  • Display image product (in sidebar) : Disable/enable image of product item in sidebar
  • Display big product : Disable/enable big product
  • Get product from : Choose categories display product list

- Module display in frontend

Module Cs Banners Block

Display block banner list in frontend.

- In backend, go to menu Modules > Modules and find module "Cs Banners Block"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- Add new banner : Click icon add new banner to go to add new item interface. Then, add image, title, link and text (description) for banner

- Config display - module support config options:

  • Background image : Setting background image for block
  • Mode Background : Setting wide mode or boxed mode for background of block (only effect when background image is added)
  • Used slider : Disable/enable slider
  • Number banners in a line : Setting number banners in aline (number column)
  • Number line : number line product (number row)

- Module display in frontend

Module Cs Manufacturer Block

Display block logo manufactures in frontend.

- In backend, go to menu Modules > Modules and find module "Cs Manufacturer Block"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- Module support config options:

  • Title block : Setting any title
  • Display title : Disable/enable title block
  • Number item in aline : Setting number logo in aline (number column)
  • Number line : Setting line logo display (number row)

- Module display in frontend

Module Cs Blog Latest Post

Display block lastest post in frontend.

- In backend, go to menu Modules > Modules and find module "Cs Blog Latest Post"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- Module support config options:

  • Title block : Setting any title
  • Display title : Disable/enable title block
  • Used slider : Disable/enable slider
  • Number posts get : Limit number post get in post list
  • Number line post : Setting line post display (number row)
  • Number posts in a line : Setting number posts in aline (number column)
  • Image size : Setting image size for post item

- Module display in frontend

Module Cs Staticblock

This module help create static contents : with this module, you can add a static content for your website and specified position display it.

- In backend, go to menu Modules > Modules and find module "Cs Staticblock"

- Interface module in backend (options config only for illustration, not correspond to frontend)

- Add new item : Click icon add new item to go to add new interface and enter information for item

  • Title: Setting any title for item
  • Identifier : Identifier must be unique. Match a-zA-Z-_0-9
  • Hook into : Assign item for hook
  • Displayed : Disable/enable item display in frontend
  • Content : Enter static content (html content) for item

- Module display in frontend

Management Blog (module Cs Blog)

Module CSBlog : provide functions to manage post, categories (for post), and the block displays content related with post.

- In backend blog menus are displayed after this module is installed.

- Module allows you :

Create blog category

- In backend go to menu "Cs Blog > Blog Category" to go to the screen main manage the blog category.

- Create blog category item : Click icon add new blog category from the screen main manage the blog category to go to interface create blog category. Enter information for blog category.

  • Name : Name blog category (not empty)
  • Displayed : Disable/enable category display in frontend
  • Catergory Parent : Choose category parent
  • Allow comment : Disable/enable comment function of post item in this category
  • Description : Description for category
  • Image : Image for category
  • Meta title : Public title for the category's page, and for search engines.
  • Meta description : This description will appear in search engines.
  • Meta keywords : This keyword will appear in search engines
  • Friendly URL : This is the human-readable URL, as generated from the category's name. You can change it if you want.

Create blog post

- In backend go to menu "Cs Blog > Blog Post" to go to the screen main manage the blog post.

- Create blog post item : Click icon add new blog post from the screen main manage the blog post to go to interface create blog post. Enter information for blog post.

  • Title : Title for post (not empty)
  • Categories : choose categories for post
  • Displayed : Disable/enable post display in frontend
  • Description short : Description short for post
  • Description : Description for post
  • Allow comment : Disable/enable comment function of post
  • Author : Select author of post
  • Image : Image for post
  • Related Posts : config related posts for post
  • Related Products : config related products for post
  • Tags : add tags for post. One post can have many tags.
  • Meta title : Public title for the post's page, and for search engines.
  • Meta description : This description will appear in search engines.
  • Meta keywords : This keyword will appear in search engines
  • Friendly URL : This is the human-readable URL, as generated from the post's name. You can change it if you want.

Manage blog tag and blog comment

1. Blog tag

- In backend go to menu "Cs Blog > Blog Tag" to go to the screen main manage the blog tag.

- Create blog post item : Click icon add new blog tag from the screen main manage the blog tag to go to interface create blog tag. Enter information for blog tag.

  • Name : Enter tag name
  • Language : Select language for tag
  • Post : select posts item contain this tag

2. Blog comment

- In backend go to menu "Cs Blog > Blog Comment" to go to the screen main manage the blog comment. This screen support view all comment for blog post.

Config blog option

- In backend, go to menu Modules > Modules and find module "CS Blog"

- Interface module in backend, this module can config :

  • Tab General Setting : config main link for blog
  • Tab Page Blog List : config option for page blog category
  • Tab Page Blog Detail : config option for page blog post
  • Tab Image Setting : config image size for post and category
  • Tab Block Blog Categories : config option for block categories
  • Tab Block Blog Tags : config option for block tags
  • Tab Block Lastest Post : config option for block lastest post
  • Tab Block Current Comments : config option for block comment
  • Tab RSS : config option for RSS blog

- Module displays in frontend

- Page category blog in blog system

- Page detail post blog in blog system

- The blog blocks in blog system

Manage Module Megamenu

This module displays megamenu in frontend. It helps you config menu with multi row, multi column. Content each column can be one of types following:
  • Category content : Columns in dropdown display tree categories which are configed
  • Product content : Columns in dropdown display list products which are configed
  • Static content : Columns in dropdown display static content (html content)
  • Manufacturer content : Columns in dropdown display list manufacture
  • Information content : Columns in dropdown display list link cms

- In backend, go to menu Modules > Modules and find module "Cs Mega Menu Block "

- Interface module in backend, the main screen of module display :
  1. Icon add new menu item
  2. List menu items
  3. Form config menu display in device (ipad)

- Megamenu displays in frontend

+ In PC

+ In Ipad

+ In Mobile

- To config megamenu (Module Cs Megamenu) by 4 steps:
  1. Creating menus parent - creating menus item
  2. Creating dropdowns for each menu item - creating row item
  3. Creating content for dropdown - creating column item
  4. Config display module on ipad device

1. Creating menus parent - creating menus item

- Click icon add new menu item from the main screen of module to go to the interface create new menu item.

- The interface create new menu item. Informations are need inter for menu item

  • Title : text display for menu item (not empty)
  • Link of title : link for menu item
  • Icon : select icon for menu item
  • Label text : add label text for menu item . EX : hot, new, sale, ...
  • Label color background: set background color for label
  • Columns of dropdown : select column for menu item to 1 from 5

- Click Save to create menu item

2. Creating dropdowns for each menu item - creating row items

- Can only create row items after created menu item.
- With each menu item can have many row item

- Form list menu item, click button View detail to create dropdown at menu item which want to add dropdown

- Then, click button Add row to go to the interface add new row

- Interface enter information for row item

  • Height : Setting height for row item. Using height row incase, you want to set background or fixed height for row item. Set 0 or empty to set height "auto".
  • Background color : Setting background color for row item
  • Background image : Setting background image for row item

- Click Save to create row item

3. Creating content for dropdown - creating column item

- Can only create column items after created row item.
- With each row item can have many column item

- Form list menu item, click button View detail to create dropdown at menu item which want to add dropdown

- Then, click button Add column for row to go to the interface add new column

- Interface enter information for column item, enter information for column:

  • Number of column : Setting number for column from 1 to 5.
  • Column type : Select content for column, you can select :
    1. category
    2. product
    3. static block
    4. manufacture
    5. information
  • Part content config for each type column : With each column type, it will have content config different.

- Click Save to create row item

4. Config display module on ipad device

Config number items display on ipad horizontal and ipad vertical

Manage main slideshow

Config main slideshow on home page

The Module Csslider use plugin layerslider jquery. More details at: http://kreaturamedia.com/layerslider-responsive-jquery-slider-plugin

-In your front-end, preview main slidehsow.

Module CS slider

-In your backoffice, go to menu Modules > Modules > Other modules > CS Slider > Configure.

-Add slides

-List of the available slider options

LayerSlider has several options to customize your sliders. These options can be defined by passing an object with your changed values.Please hover on the title for more details

-Edit slide

-Add / Edit layer for slide

Layers are the contents of slides. Unlike with conventional slider plugins, you can use multiple contents in a slide. These can be Images, Text, Custom HTML, Video and audio contents.

-Layer GENERAL

DeplayIn: Delays the layer transitions with the specified amount of time in milliseconds.

-Layer TRANSITIONS

Please hover on the title for more details

Theme support

- If our theme have any problem, please open a new ticket here to be the best support.

- When you contact to us, please give us order id, ftp account, admin account so that we can check your issue.

Regards!