## Legend is a Megastore Opencart Responsive 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.

Thank you for purchasing my theme!
If you have any questions that are beyond the scope of this documentation, please feel free to submit ticket to http://plazathemes.com/tickets/.
Thanks so much!

## Compatible with Opencart:

Legend Opencart Theme is fully compatible with Opencart 2.3.x.

## Opencart HELP

Legend is theme for Opencart ecommerce platform. Before you start working with theme you should be familiar with Opencart. Please read following links:

- Opencart Wiki
- Opencart Forums
- Online Opencart guide
- System Requirements
- stackoverflow.com

## Install the demo Quickstart

There are two ways to install an Opencart Theme:

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

- Install only template : If you exist a opencart website you can install only template.

Warning! Before uploading theme files on a production environment, make sure you have tested it before on a development environment. Make sure to create a backup of your original files and database before uploading theme files.

Your website front-end with clear image sizes after the QuickStart installation

To install QuickStart package, please follow these guides below:

1. Create new database:

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

   - Then create database

2. Extract and Upload the whole quickstart package (admin, catalog, image … in tt_legend_quickstart_2.3.0.2 folder ) to your server.

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

   As an example, name of opencart is tt_legend_test.

   Click Continue button.

4. We got:

   Click Continue.

5. We got:

   Click Continue.

6. We got:

   You need to delete install folder.

7. Click Go to your online shop to go to frontend

   Click Login to your administration to go to backend

8. Login your opencart admin and set domain for each store.

   Go to System -> Settings

   At tab Store Name , choose your store that you want to use, click Edit button.

   Choose tab General

   Choose tab Store

   Note: You need remove the URL if you want to use that domain for different store.

9. Click Save button when finish.

## Install Template

To install our theme, you need to do 2 steps :

We recommend installing Legend on a fresh copy of OpenCart or on existing setups with no custom modifications. See more at http://docs.opencart.com/installation/ . The installation is very easy, please follow these instructions carefully.

1. Download OpenCart archive from Opencart Website and unzip it.

2. Upload it to your server

3. Create new database:

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

   - Then create database

4. Open browser and navigate to your site (where the achieve uploaded) to load default Opencart installer with the database you just created.

   As an example, name of opencart is tt_legend_test.

   Click Continue button.

5. We got:

   You need to rename 2 files : config-dist.php to config.php

   ------>

   ------>

   URL : "config-dist.php" and "admin/config-dist.php"

   If you don't rename 2 these files, we got error :

   Click Continue

6. We got:

   Click Continue.

   *** Note: By default, during installation, Opencart creates the database with all of the tables prefixed with “`oc_`”. If your database has ready for theme, you need change default table prefix before importing database. Open your oc_legend.sql file which is located in our package. Replace the table prefix from `oc_` to your prefix. So the line would look like this:

7. We got:

   You need to delete install folder.

8. Click Go to your online shop to go to frontend

   Click Login to your administration to go to backend

When finish install default opencart, we install template:

1. Extract the tt_legend_template_1.0.zip from the archive you downloaded from Themeforest.
2. Locate the Legend folder . We recommend 2.3.x, as it has significant improvements.
3. Drag the all folders (admin, catalog, image, database,...) over to your OpenCart installation and merge them with the existing ones.
4. Login your opencart admin
5. Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Choose OC Template Installation button
6. Go to System -> Tools -> Backup/Restore

   1 - Click "Browse" to choose database in folder database in the template

   2 - Click "Import" button to import database

7. Then choose Extensions -> Modifications -> Refresh modifications

8. Refesh your homepage. Finish installer. Default is Legend1.

## Set other layout you want to use

If you used one layout, then want to use other layout, please do these steps:

- Legend1 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend1 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 02: Home/Legend 03: Home/Legend 04: Home/Legend 05: Home/Legend 06: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 1: Go to Design -> Layouts -> Legend 01: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend (Default) -> At Default Layout , select Legend 01: Default -> Save -> Refresh your homepage. Legend1 is installed.

- Legend2 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend2 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 03: Home/Legend 04: Home/Legend 05: Home/Legend 06: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 2: Go to Design -> Layouts -> Legend 02: Home-> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 02: Default -> Save -> Refresh your homepage. Legend2 is installed.

- Legend3 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend3 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 04: Home/Legend 05: Home/Legend 06: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 3: Go to Design -> Layouts -> Legend 03: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 03: Default -> Save -> Refresh your homepage. Legend3 is installed.

- Legend4 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend4 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 03: Home/Legend 05: Home/Legend 06: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 4: Go to Design -> Layouts -> Legend 04: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 04: Default -> Save -> Refresh your homepage. Legend4 is installed.

- Legend5 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend5 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 03: Home/Legend 04: Home/Legend 06: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 5: Go to Design -> Layouts -> Legend 05: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend (Default) -> At Default Layout , select Legend 05: Default -> Save -> Refresh your homepage. Legend5 is installed.

- Legend6 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend6 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 03: Home/Legend 04: Home/Legend 05: Home/Legend 07: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 6: Go to Design -> Layouts -> Legend 06: Home-> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 06: Default -> Save -> Refresh your homepage. Legend6 is installed.

- Legend7 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend7 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 03: Home/Legend 04: Home/Legend 05: Home/Legend 06: Home/Legend 08: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 7: Go to Design -> Layouts -> Legend 07: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 07: Default -> Save -> Refresh your homepage. Legend7 is installed.

- Legend8 :

  - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend -> at Theme Directory : select tt_legend8 -> Save

  - Deselect Default at current layout : Go to Design -> Layouts -> Legend 01: Home/Legend 02: Home/Legend 03: Home/Legend 04: Home/Legend 05: Home/Legend 06: Home/Legend 07: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

  - Select Default for Home 8: Go to Design -> Layouts -> Legend 08: Home -> Select Default at Store -> Save -> Refresh your homepage.

  - Go to System -> Settings -> Choose Legend(Default) -> At Default Layout , select Legend 08: Default -> Save -> Refresh your homepage. Legend8 is installed.

#### Example : Install Legend2:

1. Go to Extensions -> Extensions -> Choose the extension type -> Themes -> choose Legend-> at Theme Directory : select tt_legend2 -> Save

2. Set Default for layouts you want to use (Home; Category; Default; Manufacturer; Manufacturer Product,Search Product,Special Product; Product). Example: here is Home page

   - Then go to Design -> Layouts -> Legend 01: Home (current layout) -> At Store : Deselect Default at Store -> Save

   - Next choose Home 2 -> At Store : choose Default -> Save

3. Go to System -> Settings -> choose Legend(Default)-> at Default Layout : select Legend 02: Default -> Save

4. Refresh home page. Finish installer.

5. If when you use templates, your web may be in maintenance mode. Please Login admin -> System -> Settings -> choose Store "Default" -> Server -> At Maintenance mode, choose No -> Save

   You can see more at here :

## Adjust your image sizes

Before you start using your store with the Legend theme, image settings must be edited with the following values:

1. Login to your Opencart Admin Area
2. Go to Extensions > Choose the extension type > Themes > Legend > Edit
3. At Image part, image settings can be edited with the values.

## Upload your store logo and icon

To upload your store logo and icon, please do these steps :

1. Open your OpenCart Administration page and go to System -> Settings -> choose Default store -> click tab Image :
2. Upload your store logo and icon:

   - At Store Logo : Upload your logo

   - At Icon : Upload your store icon

3. Click Save to save your changes.

## How to add new products

1. Login your opencart admin

2. Go to Catalog -> Products -> Add New

3. Now you will see seven tabs (General, Data, Links, Attribute, Option, Discount, Special, Image, Reward Points, and Design). Be sure to fill in the Product Name , Meta Tags Title - required fields - on the first tab.

4. Click Save button when finish.

You can add as many products as you would like.

## How to set special products

***A special price is a product's sale price. For example a product may have cost $400, but using the specials option in OpenCart you can set the price to $350. Customers can see the "old price - new price" difference.

1. Login your opencart admin

2. Go to Catalog -> Products

3. Search for the product you would like to set on specials. Click Edit link to edit it.

4. Choose Special tab and click Add Special button

5. Special prices change the value of the product price to the new special price. Specials for a customer group will display the special price only if the customer is logged in as that group.

   Customer Group - Optionally select a customer group you want this special to apply to.

   Priority - If you will offer multiple specials and/or discounts, enter 1 for this to be applied first, 2 for this to be applied second.

   Price - The price you want the customer to see.

   Date Start - When you want this special price to appear.

   Date End - When you want this special price to disappear.

6. Click Save button when finish.

## How to set related products

1. Login your opencart admin

2. Go to Catalog -> Products

3. Locate the product you want to add related products to . Click Edit link to edit it.

4. Choose Links tab and scroll down until you see the Related Products field

5. Start typing a product name in that field and OpenCart will drop down a list of products that start with whatever letters you have typed in.

   Important! If the product you are typing is not in your OpenCart products, the drop box will not appear. Make sure you are typing a product that you have in your OpenCart.

6. Click Save button when finish.

## Creating Category

* See more at http://docs.opencart.com/catalog/category/ to understand about Category in Opencart.

* See more at Attributes to understand about attributes in Opencart.

* See more at Filter to learn how to add filters.

## Legend1

#### Home page

#### Category page

#### Detail page

## Legend2

#### Home page

#### Category page

#### Detail page

## Legend3

#### Home page

#### Category page

#### Detail page

## Legend4

#### Home page

#### Category page

#### Detail page

## Legend5

#### Home page

#### Category page

#### Detail page

## Legend2

#### Home page

#### Category page

#### Detail page

## Legend7

#### Home page

#### Category page

#### Detail page

## Legend8

#### Home page

#### Category page

#### Detail page

## Set layout position of module in OpenCart 2.3

After install various extensions that best suit your needs, you need to set layout position of module. Please see these steps below:

1. Go to Design > Layouts

2. Click on Edit button to set the modules position for Home page.

3. - Select the Position for layout of module.

   - Select module from Modules option.

   - Click Add Module to add module for each position

   Example: with OC Horizontal Mega Menu module

4. Click on Save button in the top right corner when you have completed settings of layout

## Legend1

-> To set the layout like Legend1: Login admin -> Design -> Layouts -> Legend 01: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 01: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 01: Product and set the layout like:

## Legend2

-> To set the layout like Legend2: Login admin -> Design -> Layouts -> Legend 02: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 02: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 02: Product and set the layout like:

## Legend3

-> To set the layout like Legend3: Login admin -> Design -> Layouts -> Legend 03: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 03: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 03: Product and set the layout like:

## Legend4

-> To set the layout like Legend4: Login admin -> Design -> Layouts -> Legend 04: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 04: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 04: Product and set the layout like:

## Legend5

-> To set the layout like Legend5: Login admin -> Design -> Layouts -> Legend 05: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 05: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 05: Product and set the layout like:

## Legend6

-> To set the layout like Legend6: Login admin -> Design -> Layouts -> Legend 06: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 06: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 06: Product and set the layout like:

## Legend7

-> To set the layout like Legend7: Login admin -> Design -> Layouts -> Legend 07: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 07: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 07: Product and set the layout like:

## Legend8

-> To set the layout like Legend8: Login admin -> Design -> Layouts -> Legend 08: Home and set the layout like :

### Category

-> To set the layout like Category page : Login admin -> Design -> Layouts -> Legend 08: Category and set the layout like:

### Detail

-> To set the layout like Product page : Login admin -> Design -> Layouts -> Legend 08: Product and set the layout like:

## Modules Settings

Read official OpenCart documentation for install, Editing and Setup a module.
- For Official Documentation - Click Here
- For Tutorials - Click Here
and also, See & follow Our Below module information.

### TO CONFIG MODULES IN OPENCART 2.3.X, PLEASE DO LIKE STEPS BELOW:

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules

- Find modules you want to config -> Edit -> Config according to you.

### Modules in Legend

- Layout Content Builder

- OC Horizontal Mega Menu

- OC Vertical Megamenu

- OC Slide show

- OC CMS Block

- OC Category Tabs Slider

- OC Category Thumbnail

- OC Featured Products Slider

- OC New Products Slider

- OC Most Viewed Products Slider

- OC Special Products Slider

- OC Random Products Slider

- OC Bestseller Products Slider

- OC Price Countdown

- OC Product Tabs Slider

- OC Blog

- Banner

- OC Instagram

- Oc Newsletter

- OC Layered Navigation Ajax

- OC Product Quick View

- OC Product Rotator Image

## Creating module to choose layout in each template (Sub module) in Opencart 2.3.x

Example, here we will create a sub module of OC Horizontal Mega Menu (module to choose layout in each template). Below is instruction:

- Login admin -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu .

- We got :

  Configure parameters as below:

  - Module Name - Input name of sub Horizontal Mega Menu

  - Status - Set Enabled to show OC Horizontal Mega Menu module.

  - Show Home Page Link - Don't show Home : choose No, show Home : choose Yes

  - Number of Columns - Set number of columns of sub categories

  - Number of Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

  - Informations, Category, Cms Links - You can add information links, product categories, cms links (link in cms block)

- Click Save button to save your changes.

- Back to Modules list :

*** OC Slide show module - How to create sub module to choose layout in each template is different, please see in OC Slide show .

## How to customize thumbnail image and Related Slider in Product page

=> To customize two modules, please modify this file : \catalog\view\theme\[name_theme]\template\product\product.tpl

## How to upload rotator image

### Example :

When hover :

### How to upload rotator image :

1. Login your opencart admin

2. Go to Catalog -> Products -> At Product Name , choose Edit button at the product you want to upload rotator image -> Click tab Image -> Add Image

3. Click Save button to save your changes.

## Config Layout Content Builder

Layout Content Builder is an OpenCart 2.x extension which help you can design layout, position, modules follow your mind. It is a module basically, so it is easy to install and use. And of course, Layout Builder is very useful for your website.

Please see at Layout Content Builder to know about how to add modules, edit modules,.. in this module.

#### Layout Content Builder for each home:

***Legend1: Layout Content Builder - Home page

***Legend2: Layout Content Builder - Home page 02

***Legend3: Layout Content Builder - Home page 03

***Legend4: Layout Content Builder - Home page 04

***Legend1: Layout Content Builder - Home page 05

***Legend2: Layout Content Builder - Home page 06

***Legend3: Layout Content Builder - Home page 07

***Legend4: Layout Content Builder - Home page 08

## OC Vertical Mega Menu

### Configuration

- Login your opencart admin

- Go to Extensions -> Modules -> OC Vertical Megamenu - Vertical Menu -> Choose Edit button

- We got :

  then config according to you.

  Configure parameters as below:

  - Module Name - Input name of sub Vertical Mega Menu

  - Status - Set Enabled to show OC Vertical Megamenu module.

  - Show homepage - Don't show Home : choose No, show Home : choose Yes

  - Number of items - Set number of items (links, categories) will be shown.

  - Show number columns - Set number of columns of sub categories

  - Show Levels - Set the limit the number of links of links a user can apply to the top level of the navigation

  Please see at OC Vertical Megamenu to know about how to add categories, add links, add static blocks,.. in OC Vertical Megamenu

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocvermegamenu.tpl

## Config OC Slide show

*** This module performs images and texts in slideshow.

- #Legend1: You should cut background images with size 1920 x 600 pixels.

- #Legend2: You should cut background images with size 1920 x 600 pixels.

- #Legend3: You should cut background images with size 1200 x 599 pixels.

- #Legend4: You should cut background images with size 1920 x 799 pixels.

- #Legend5: You should cut background images with size 1920 x 790 pixels.

- #Legend6: You should cut background images with size 770 x 540 pixels.

- #Legend7: You should cut background images with size 870 x 510 pixels.

- #Legend8: You should cut background images with size 1170 x 610 pixels.

### 1. Configuration & change images of slide show

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Slide show -> Choose Edit button

- Click Slides Manager

  At Banner Name , choose edit :

  - - #Legend1 : Choose edit Home Slideshow Home1

  - - #Legend2 : Choose edit Home Slideshow Home2

  - - #Legend3 : Choose edit Home Slideshow Home3

  - - #Legend4 : Choose edit Home Slideshow Home4

  - - #Legend5 : Choose edit Home Slideshow Home5

  - - #Legend6 : Choose edit Home Slideshow Home6

  - - #Legend7 : Choose edit Home Slideshow Home7

  - - #Legend8 : Choose edit Home Slideshow Home8

  Click Banner 1, Banner 2 ... -> You can config slide such as change images, titles, link according to you.

### 2. Create sub module of OC Slide show

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Slide show -> Choose Edit button

- Click Slides Manager

  Click Add new button

  -> Create name and config for this slider.

  -> Click Add Item to add item for this slider and add text, image, choose effect for it.

- Click Save to save this slider

- Click OC Slide show

- We got:

  Configure parameters as below:

  - Name - Input name of sub OC Slide show

  - Status - Set Enabled to show the OC Slide show module.

  - Banners - Choose the slide show you want to use

  - Width of Banner - Set width of slide show

  - Height of Banner - Set height of slide show

  -> Click Save to save this sub module

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocslideshow.tpl

## Config OC CMS Block

Cms block helps you show links, images and text.

### 1. Edit static blocks

- Please see at images of homepage, products page, detail page to see names of cms block

- To edit a static block, please see in each Homepage image -> Find sub module of each OC CMS Block

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC CMS Block -> Click List Cms

- At Title, choose Cms Block you want to edit, click Configuration button

  Edit title, content, identify, ... of static block. Click Code View (in description table) to show HTML of the static block

  -> At here, to change link inside (src="our link") by (src="your link") or (data-original="our link") by (data-original="your link") (if that have line "data-original")

  ***One more thing, if you use default opencart 2.3.0.2, it have 1 bug. You can not save code cms block. To correct that error, after you have changed code in "Code View", please click once more time that "Code View" button. Then save.

- Click Save button when finish.

#### Example

To edit the static block above in Legend1, please do like steps below:

- Please see at image of Legend1

- Find part you want to edit, name is : OC CMS Block (Banner Static1 Home1)

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Cms block -> Click List Cms

- At Title, choose Banner Static1 Home1 , click Configuration button

  -> Edit title, content, identify, ... of this static block.

- Click Save button when finish.

### 2. Add blocks to the list cms

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC CMS Block -> Choose Edit button

- Click List Cms

- Click Add New button

  Type title, content, identify,... of static block.

- Click Save button when finish.

### 3. Create Cms block to choose layout

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name Cms block -> Choose Edit button

- We got :

- Click Save button to save your changes.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\occmsblock.tpl

## Config OC Category Tabs Slider

*** This module shows products of each category in slider in each tab.

### How to config/edit/show categories in this module.

- Login your opencart admin

- Go to Extensions -> Modules -> OC Category Tabs Slider - Category Tabs Home1 -> Choose Edit button

- We got :

  Config some parameters as below :

  - Module Name - Name of this module to choose layout (Sub module of OC Category Tabs Slider)

  - Title - Enter title of module with each language.

  - Categories - Enter names of categories you want to show.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Number of products will be shown.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\octabcategoryslider.tpl

## Config OC Category Thumbnail

*** This module be installed to display image thumbnail of each category.

### How to upload thumbnail image of each category

=> You should upload thumbnail image has size : 20 x 20 pixels.

- Login your opencart admin

- Go to Catalog -> Categories -> Category Thumbnail -> choose category you want to show thumbnail image

- We got :

  Configure some parameters as below:

  - Thumbnail Image : Upload thumbnail image for each category.

- Click Save button

## Config OC Featured Products Slider

This module shows featured products in slider.

### 1. Configuration

- Login your opencart admin

- Go to Extensions -> Modules -> Find name OC Featured Products Slider > Featured Products Home1 ( names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  ##### Note :

  - Module Name - Input name of sub OC Featured Products Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Number of products will be shown.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

### 2. How to set featured products in this module

- Login your opencart admin

- Go to Extensions -> Modules -> Find name OC Featured Products Slider > Featured Products Home1 ( names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  -> At Products : Enter names of products you want to set as featured.

  -> Click Save button

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocfeatureslider.tpl

## OC New Products Slider

*** This module shows new products in slider.

### Configuration

- Login your opencart admin

- Go to Extensions -> Modules -> OC New Products Slider - New Product Home1 (names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub OC New Products Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Set number of products will be displayed per row.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocnewproductslider.tpl

## Config OC Most Viewed Products Slider

***This module shows most viewed products in slider.

- Login your opencart admin

- Go to Extensions -> Modules -> OC Most Viewed Products Slider - Mostviewed Products Home1 (names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub OC Most Viewed Products Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Set number of products will be displayed per row.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocmostproduct.tpl

## Config OC Special Products Slider

***This module shows special products in slider.

### 1. Configuration

- Login your opencart admin

- Go to Extensions -> Modules -> OC Special Products Slider - Special Products Home1 (names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub OC Special Products Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Set number of products will be displayed per row.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

### 2. How to set special products

=>Please see at How to set special products to know how to set special products.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocspecialproductslider.tpl

## Config OC Random Products Slider

***This module shows random products in slider.

### 1. Configuration

- Login your opencart admin

- Go to Extensions -> Modules -> OC Random Products Slider - Random Products

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub OC Random Products Slider.

  - Title - Enter title of module with each language.

  - Items - Set number of products will be displayed per row.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

  - Show Sale/New Label - Set Yes to show Sale/New label

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocrandomslider.tpl

## Config OC Bestseller Products Slider

This module shows bestseller products in slider.

- Login your opencart admin

- Go to Extensions -> Modules -> Find name OC Bestseller Products Slider - Bestseller Products Home1 (names of this module to choose layout in each Home page image)-> Choose Edit button

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub OC Bestseller Products Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Set number of products will be displayed per row.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocbestproductslider.tpl

## Config OC Price Countdown

This module shows sale products with countdown timer in slider.

- Login your opencart admin

- Go to Extensions -> Modules -> Find name OC Price Countdown - Price Countdown Home2 (names of this module to choose layout in each Home page image) -> Choose Edit button

- We got :

  ##### Note :

  - Module Name - Input name of sub OC Price Countdown.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Number of products will be shown.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

How to set a product as a special product, please see at Set Product as Special

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\occountdown.tpl

## Config OC Product Tabs Slider

This module shows types of products such as latest, best selling, discount in slider in each tab.

- Login your opencart admin

- Go to Extensions -> Modules -> Find name OC Product Tabs Slider - Tab Products Home5 (names of this module to choose layout in each Home page image)-> Choose Edit button

- We got :

  ##### Note :

  - Module Name - Input name of sub OC Product Tabs Slider.

  - Title - Enter title of module with each language.

  - Use Rotator Image - Set Enabled to use rotator image.

  - Items - Number of products will be shown.

  - Rows Products - Number of rows will be displayed.

  - Limit - Number of products will be allowed in each tab.

  - Width, Height - Image size will be displayed.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\octabproductslider.tpl

## OC Blog

### 1. How to config this module

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog - Blog (names of this module to choose layout in each Home page image)

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub module of OC Blog.

  - Title - Enter title of module with each language.

  - Article List - Choose list of posts you want to show in this sub module.

  - Status - Set Enabled to use this sub module.

  - Article Image Width, Article Image Height - Item size will be displayed.

### 2. How to edit articles in Blog

- Login your opencart admin

- Go to Blog -> Articles -> You will see a table of articles -> At the article you want to edit, choose Edit button

  You can edit image for the article, enter contents, enter title

- Click Save button when finish.

### 3. To create a OC Blog, follow steps below:

#### 1. Create the article

- Login your opencart admin

- Go to Blog -> Articles -> Add New

  You need to fill in article name, Introduction Text, Description, Meta Tag Title and can upload image, write the author,... for the article

- Click Save button when finish.

#### 2. Create articles list

- Login your opencart admin

- Go to Blog -> Articles List -> Add New

  Configure some parameters as below:

  - Articles List Name - Input name of list.

  - Articles - Choose the names of articles to give in this list.

  - Status - Set Enabled to use this sub module.

- Click Save button when finish.

#### 3. Create sub module of OC Blog

- Login your opencart admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog

- We got :

  Configure some parameters as below:

  - Module Name - Input name of sub Blog.

  - Article List - Choose list of posts you want to show in this sub module.

  - Status - Set Enabled to use this sub module.

  - Article Image Width, Article Image Height - Item size will be displayed.

- Click Save button to save your changes.

- Back to Modules list :

=> To customize this module, please modify these files :

- catalog\view\theme\[name_theme]\template\blog\article.tpl

- catalog\view\theme\[name_theme]\template\blog\blog.tpl

- catalog\view\theme\[name_theme]\template\blog\blog_home.tpl

## Config Banner module

This module can show brand logos, manufacturers, branded products in slider.

### 1. Configuration

1. Login your opencart admin

2. Go to Extensions -> Modules -> Find name Banner > Our brands -> Choose Edit button

3. We got :

   ##### Note :

   - Banner - Choose banner you want to show in this module.

   - Width, Height - Image size will be displayed.

### 2. Edit Brand Logo

1. Login your opencart admin

2. Go to Design -> Banners -> Find name Manufacturers -> Choose Edit button

3. Click Save button to save your changes.

### 3. Create new Banner Logo

- Login your opencart admin

- Go to Extensions -> Modules -> Find name Banners -> Choose Add New button

- Type banner name, then click Add Banner

- Type title, link, upload image

  You can add many banners.

- Go to Extensions -> Modules -> Find name Banner

- Choose banner you want to show in this module

- Click Save button to save your changes.

=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\banner.tpl

## Config OC Instagram

- Login your opencart admin

- Go to Extensions -> Modules -> OC Instagram - Instagram

- We got :

  Config some parameters as below :

  - User ID - Id of instagram page. Get Your Instagram Access Token and USER ID: https://smashballoon.com/instagram-feed/find-instagram-user-id/

  - Access token - You need to get your own access token from Instagram. Try this website: http://instagram.pixelunion.net/

  - Status - Set Enabled to use this module

## Config Oc Newsletter

- Login your opencart admin

- Go to Extensions -> Modules -> Oc Newsletter - OC Newsletter (Newsletter block), Oc Newsletter - Oc Newsletter Popup(Newsletter popup)

- We got :

  Config some parameters as below :

  - Name Module - Sub OC Newsletter

  - Use Popup - Set Enabled to set sub module as Newsletter popup, set Disabled if you don't want.

  - Status - Set Enabled to use this sub module

=> To customize this module, please modify this file :

- Newsletter block: catalog\view\theme\[name_theme]\template\extension\module\newslettersubscribe.tpl

- Newsletter popup: catalog\view\theme\[name_theme]\template\extension\module\newsletterpopup.tpl

## Config OC Layered Navigation Ajax

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Layered Navigation Ajax -> Choose Edit button -> Config this module according to you

### How to set up and manage products filters in category page :

1. Log into the admin panel of your site. From the top menu select Catalog -> Filters:

2. Next, click the Add New button on the right to add the filters. Product Filters are added in the same way as product options. Save the changes by clicking Save at the top right:

3. Now go to Extensions –> Modules and search for OC Layered Navigation Ajax module. Click Install button to install it if it is not installed yet:

4. Click Edit and open it, enable the module and click Save button to save the changes

5. Go to the top menu Catalog -> Products. Click Edit on one of the products, on the manage product screen choose the Links tab and look for the Filters section

6. The Filter box is a standard auto complete box. Simply type in a part of the filter name. Add as many filters you wish the product to belong to. Save your changes when finished

7. Now link the filter to the category page.

   Example: in Legend Layout1. Go to System -> Design -> Layouts -> Legend 01: Category, click the Add Module button. If you want to display the filters in the left column of the category listing page, you should mirror the settings as follows: Module: OC Layered Navigation Ajax, Position: Column Left. Click Save

8. Go to Catalog -> Categories -> Categories. Click Edit on the categories which products have filters assigned to. Choose the Data tab and look for the Filters section. Type in a part of the filter name to add the same filters added to your categories. Save your changes when finished:

9. When you are done, go to the category page and you will see the new filter box

=> To customize this module, please modify these files :

- catalog\view\theme\[name_theme]\template\extension\module\oclayerednavigation\occategory.tpl

- catalog\view\theme\[name_theme]\template\extension\module\oclayerednavigation\occategoryfilter.tpl

- catalog\view\theme\[name_theme]\template\extension\module\oclayerednavigation\oclayerednavigation.tpl

- catalog\view\theme\[name_theme]\template\extension\module\oclayerednavigation\oclayerednavigationfilter.tpl

## OC Product Quick View

*** This module show image and thumbnail image of the product with information about that product via popup.

### How to config this module

- Login your opencart admin

- Go to Extensions -> Modules -> Product Quick View -> Config this module according to you

  ##### Config some parameters as below :

  - Enable Quick View - Disable/Enable this module

  - Ajax Loader Image - Upload image when ajax is loading

  - QuickView Container - The class name/id of container of modules, category page you want to use OC Product Quick View

  - Parent Element - The class name or id of the product item

  - Children Element - The class name or id of element which you want it to contain the Quick View button

=> To customize this module, please modify these files :

- catalog\view\theme\[name_theme]\template\extension\module\ocquickview\product.tpl

- catalog\view\theme\[name_theme]\template\extension\module\ocquickview\qvcontainer.tpl

## Translation

### 1. How to translate

1. Access url : catalog\language

2. Make a copy of the folder en-gb and rename it to language you want to translate. Example : fr-gb

3. In folder you've made (fr-gb), rename en-gb.php to fr-gb.php

4. You need to translate all files in subfolders (account, checkout,...total) and file fr-gb.php

Do the same with other languages.

#### 1. Example : Translate title All categories from English into French

1. Access url : catalog\language

2. Make a copy of the folder en-gb and rename it to language you want to translate.

3. In folder you've made (fr-gb), rename en-gb.php to fr-gb.php

4. Go to catalog\language\fr-gb\extension\module\ocnewproductslider.php-> translate -> Save this file to change

   Modules and responsive .php files :

   - OC Vertical Megamenu - ocvermegamenu.php

   - OC Slide show - ocslideshow.php (translate text "Read more")

   - OC Category Tabs Slider - octabcategoryslider.php

   - OC Featured Products Slider - ocfeatureslider.php

   - OC New Products Slider - ocnewproductslider.php

   - OC Most Viewed Products Slider - ocmostproduct.php

   - OC Special Products Slider - ocspecialproductslider.php

   - OC Bestseller Products Slider - ocbestproductslider.php

   - OC Random Products Slider - ocrandomslider.php

   - OC Price Countdown - occountdown.php

   - OC Product Tabs Slider - octabproductslider.php

   - Oc Newsletter - newslettersubscribe.php

   - OC Layered Navigation Ajax - oclayerednavigation.php

   - OC Product Quick View - ocquickview.php

   - Filter - filter.php

   - Account - account.php

   - Affiliate - affiliate.php

#### 2. Translate title other modules

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Sub module

- At Title : At your language, enter title of module

- Click Save to save your change

#### Example: Translate title "New Arrivals":

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> sub module of OC New Products Slider

- At Title : At your language, enter title of module

- Click Save to save your change

#### 3. Translate in Blog

#### 3.1.Translate text

- Access url : catalog\language

- Make a copy of the folder en-gb and rename it to language you want to translate. Example : fr-gb

- In folder you've made (Example : fr-gb), rename en-gb.php to fr-gb.php

- catalog\language\fr-gb\blog\article.php, blog.php -> translate -> Save this file to change

#### 3.2.Translate title

- Login your opencart admin

- Go to Extensions -> Extensions -> Choose the extension type -> Modules - -> sub module of OC Blog

- At Title : At language, enter title of module

- Click Save to save your change

## Theme Support

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.

Contact us whenever you need : PlazaThemes Support