Alice 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:

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

Opencart HELP

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

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.

demo

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

      create database

  2. Extract and Upload the whole quickstart package (admin, catalog, image … in tt_alice_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_alice_test.

    install step1

    Click Continue button.

  4. We got:

    install step2

    Click Continue.

  5. We got:

    install step3

    Click Continue.

  6. We got:

    install step4

    You need to delete install folder.

    delete install

  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

    set store

    Choose tab Store

    set store2

    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 Alice 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

      import database1

  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_alice_test.

    install step1

    Click Continue button.

  5. We got:

    install step2

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

    config1 ------> config11

    config2 ------> config22

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

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

    error

    Click Continue

  6. We got:

    install step3

    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_alice_store.sql file which is located in our package. Replace the table prefix from oc_ to your prefix. So the line would look like this:

    error

  7. We got:

    install step4

    You need to delete install folder.

    delete install

  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_alice_template_1.0.zip from the archive you downloaded from Themeforest.
  2. Locate the Alice 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

    import database quickstart

    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

    modification2

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

Set other layout you want to use

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

  • Alice1 :

    - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Alice -> at Theme Directory : select tt_alice -> Save

    - Deselect Default at current layout : Go to Design -> Layouts -> Alice 02: Home/Alice 03: Home/Alice 04: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

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

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

  • Alice2 :

    - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Alice -> at Theme Directory : select tt_alice2 -> Save

    - Deselect Default at current layout : Go to Design -> Layouts -> Alice 01: Home/Alice 03: Home/Alice 04: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

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

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

  • Alice3 :

    - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Alice -> at Theme Directory : select tt_alice3 -> Save

    - Deselect Default at current layout : Go to Design -> Layouts -> Alice 01: Home/Alice 02: Home/Alice 04: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

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

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

  • Alice4 :

    - Choose Extensions -> Extensions -> Choose the extension type -> Themes -> choose Alice -> at Theme Directory : select tt_alice4 -> Save

    - Deselect Default at current layout : Go to Design -> Layouts -> Alice 01: Home/Alice 02: Home/Alice 03: Home (current layout - has "Default" Store ) -> Deselect Default at Store -> Save

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

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


Example : Install Alice2:

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

    set theme

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

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

    Change1

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

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

    Change3
  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

    Maitenance

    You can see more at here :

Adjust your image sizes

Before you start using your store with the Alice 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 > Alice > Edit
  3. At Image part, image settings can be edited with the values.

How to add new products

  1. Login your opencart admin

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

    add new product step1

  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.

    add new product step2

  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.

    set special step1

  4. Choose Special tab and click Add Special button

    set special step2

  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.

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.

Alice1

Home page

home1


Category page

grid1


Detail page

detail1


Alice2

Home page

home2


Category page

grid2


Detail page

detail2


Alice3

Home page

home3


Category page

grid3


Detail page

detail3


Alice4

Home page

home4


Category page

grid4


Detail page

detail4


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

    position

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

    position

  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

    position3

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

Alice1

-> To set the layout like Alice1: Login admin -> Design -> Layouts -> Alice 01: Home and set the layout like :

layout_home1


Category

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

layout grid1


Detail

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

layout detail1


Alice2

-> To set the layout like Alice2: Login admin -> Design -> Layouts -> Alice 02: Home and set the layout like :

layout_home2


Category

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

layout grid2


Detail

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

layout detail2


Alice3

-> To set the layout like Alice3: Login admin -> Design -> Layouts -> Alice 03: Home and set the layout like :

layout_home3


Category

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

layout grid3


Detail

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

layout detail3


Alice4

-> To set the layout like Alice4: Login admin -> Design -> Layouts -> Alice 04: Home and set the layout like :

layout_home4


Category

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

layout grid4


Detail

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

layout detail4


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 Alice

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 :

     admin_menu

    Configure parameters as below:

    • Module Name - Input name of sub Horizontal Mega Menu

    • Status - Set Enabled to show the 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 :

     name mega menu

*** 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

thumbnail

related

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

How to upload rotator image

Example :

rotator1

When hover :

rotator2

How to upload rotator image :

  1. Login your opencart admin

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

    set rotator

  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:

***Alice1: Layout Content Builder - Home page 01

layout content builder home

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

layout content builder home

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

layout content builder home

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

layout content builder home

Config Horizontal Mega Menu (Hozmegamenu)

menu

***Horizontal Mega Menu gives you ability to create a huge sitemap-like menu with links to every page. Here you can navigate users with not only text but also videos and images.

* If you want to config or edit add categories, add links, ... to Hozmegamenu , please login Admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Horizontal Mega Menu - Horizontal Mega Menu -> Config/add categories/add links/static blocks/remove(links, categories,..) according to you.

Please see at Horizontal Mega Menu to know about how to add categories, add links, add static blocks,.. in Horizontal Mega Menu

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Horizontal Mega Menu - Horizontal Mega Menu -> Choose Edit button edit

  • We got :

    admin menu then config according to you.

    Configure parameters as below:

    • Module Name - Input name of sub OC Horizontal Mega Menu

    • Status - Set Enabled to show the 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)


2. How to edit links on OC Horizontal Mega Menu:

menu links

=> To edit these links: Login opencart admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> OC CMS Block -> List Cms

  • Link(1) - Choose Best Seller

    => At Link : Change url of the page according to you

  • Link(2) - Choose New Products

    => At Link : Change url of the page according to you

  • Link(3) - Choose Blogs

    => At Link : Change url of the page according to you

  • Link(4) - Choose View All Themes

    => At Link : Change url of the page according to you


3. How to add these links on OC Horizontal Mega Menu

menu links

=> To add these links:

  1. Login opencart admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> OC CMS Block -> List Cms -> Add New

    add new block

    • Type : Choose Link

    • Identify : Enter id of cms block

    • Link : Type url of the page. In this theme, Best Seller page has url index.php?route=product/ocbestseller , New Products page has url index.php?route=product/ocnewproduct , Blogs page has url index.php?route=blog/blog , View All Themes page has url http://plazathemes.com/

    • Status : Set Enabled

    • Stores : Choose Default Store

    • Title : Enter title of cms block (title of Link)

  2. Click Extensions -> sub module of OC Horizontal Mega Menu -> At Cms Links : Choose title of link (title of cms block) you've created -> Add -> Save

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

OC Vertical Mega Menu

vermenu

1. Configuration

  • Login your opencart admin

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

  • We got :

    admin vermenu then config according to you.

    Configure parameters as below:

    • Module Name - Input name of sub Vertical Mega Menu

    • Status - Set Enabled to show the Vertical Mega Menu 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

2. How to upload thumbnail image of each category

category thumbnail

=> 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 :

    upload thumbnail image

    Configure some parameters as below:

    • Thumbnail Image : Upload thumbnail image for each category.
  • Click Save button

=> 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.

  • #Alice1: You should cut background images with size 870 x 488 pixels.

  • #Alice2: You should cut background images with size 1920 x 662 pixels.

  • #Alice3: You should cut background images with size 1920 x 594 pixels.

  • #Alice4: You should cut background images with size 600 x 540 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 edit

  • Click Slides Manager

    slideshow1

    At Banner Name , choose edit :

    slideshow2

    • - #Alice1 : Choose edit Home slideshow 1

    • - #Alice2 : Choose edit Home slideshow 2

    • - #Alice3 : Choose edit Home slideshow 3

    • - #Alice4 : Choose edit Home slideshow 4

    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 edit_button

  • Click Slides Manager

    Slides show1

    Click Add new button add new

    slide show3

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

    OC Slide show

  • We got:

    admin slide show

    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 block

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

    edit block1

    -> 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")

    edit block2

    ***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

cms block

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

  • Please see at image of Alice1

  • Find part you want to edit, name is : OC CMS Block (Banner 1)

  • Login your opencart admin

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

  • At Title, choose Banner 1 , 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 edit

  • Click List Cms

  • Click Add New button

    add block

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

  • Click Save button when finish.


3. Create Cms block to choose layout

example name block

  • Login your opencart admin

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

  • We got :

    example name block2

  • 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

tab category1

*** 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 - Accessories 1 (names of this module to choose layout in each Home page image)-> Choose Edit button edit

  • We got :

    admin category tab

    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.

    • Image - Image for each category.

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

Config OC Category Thumbnail

category thumbnail

category thumbnail1

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

OC New Products Slider

new

*** This module shows new products in slider.

Configuration

  • Login your opencart admin

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

  • We got :

    admin new product

    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

most viewed

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

  • Login your opencart admin

  • Go to Extensions -> Modules -> OC Most Viewed Products Slider - Most viewed products -> Choose Edit button edit

  • We got :

    admin most viewed product slider

    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 Bestseller Products Slider

bestseller

This module shows bestseller products in slider.
  • Login your opencart admin

  • Go to Extensions -> Modules -> Find name OC Bestseller Products Slider - Bestseller Products -> Choose Edit button edit

  • We got :

    admin bestseller product slider

    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

special

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 (names of this module to choose layout in each Home page image) -> Choose Edit button edit

  • We got :

    countdown admin

    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

tab product

This module shows types of products such as best selling, random, discount products (or mostviewed, lastest) in slider in each tab.
  • Login your opencart admin

  • Go to Extensions -> Modules -> Find name OC Product Tabs Slider - Product Tabs Slider -> Choose Edit button edit

  • We got :

    admin product tab

    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.

    • Image - Image thumbnail of this module.

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

OC Blog

blog

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog - Blog

  • We got :

    admin blog

    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

    edit blog

    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

    add new blog

    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

    add new article list

    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 :

     admin blog

    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.

  • Click Save button to save your changes.
  • Back to Modules list :

     name blog


=> 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 Oc Newsletter

newsletter

  • Login your opencart admin

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

  • We got :

    admin newsletter

    admin newsletter2

    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

layered navigation

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Layered Navigation Ajax -> Choose Edit button edit -> 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:

    filter

  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:

    filter

  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:

    filter

  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

    filter

  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 Alice Layout1. Go to System -> Design -> Layouts -> Alice 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

    filter

  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:

    filter

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

    filter

=> 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

quickview

*** 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

    admin `quickview

    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 "shop now")

    • OC Category Tabs Slider - octabcategoryslider.php

    • OC Featured Category - ocfeaturedcategory.php

    • OC Featured Products Slider - ocfeatureslider.php

    • OC New Products Slider - ocnewproductslider.php

    • OC Special Products Slider - ocspecialproductslider.php

    • OC Random Products Slider - ocrandomslider.php

    • OC Most Viewed Products Slider - ocmostproduct.php

    • OC Bestseller Products Slider - ocbestproductslider.php

    • OC Price Countdown - occountdown.php

    • OC Product Tabs Slider - octabproductslider.php

    • Carousel - carousel.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