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.
Your website front-end with clear image sizes after the QuickStart installation
To install QuickStart package, please follow these guides below:
Create new database:
Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin
-
Then create database
-
Extract and Upload the whole quickstart package (admin, catalog, image … in tt_alice_quickstart_2.3.0.2 folder ) to your server.
-
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.
Click Continue button.
-
We got:
Click Continue.
-
We got:
Click Continue.
-
We got:
You need to delete install folder.
-
Click Go to your online shop to go to frontend
Click Login to your administration to go to backend
-
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.
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.
-
Download OpenCart archive from Opencart Website and unzip it.
Upload it to your server
Create new database:
Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin
-
Then create database
-
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.
Click Continue button.
-
We got:
------>
------>
URL : "config-dist.php" and "admin/config-dist.php"
If you don't rename 2 these files, we got error :
Click Continue
-
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_alice_store.sql file which is located in our package. Replace the table prefix fromoc_
to your prefix. So the line would look like this: -
We got:
You need to delete install folder.
-
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:
- Extract the tt_alice_template_1.0.zip from the archive you downloaded from Themeforest.
- Locate the Alice folder . We recommend 2.3.x, as it has significant improvements.
- Drag the all folders (admin, catalog, image, database,...) over to your OpenCart installation and merge them with the existing ones.
- Login your opencart admin
- Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Choose OC Template Installation button
- 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
-
Then choose Extensions -> Modifications -> Refresh modifications
- 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:
-
Go to Extensions -> Extensions -> Choose the extension type -> Themes -> choose Alice-> at Theme Directory : select tt_alice2 -> Save
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
- Next choose Home 2 -> At Store : choose Default -> Save
-
Go to System -> Settings -> choose Alice(Default)-> at Default Layout : select Alice 02: Default -> Save
- Refresh home page. Finish installer.
-
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 Alice theme, image settings must be edited with the following values:
- Login to your Opencart Admin Area
- Go to Extensions > Choose the extension type > Themes > Alice > Edit
- 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 :
- Open your OpenCart Administration page and go to System -> Settings -> choose Default store -> click tab Image :
- Upload your store logo and icon:
- At Store Logo : Upload your logo
- At Icon : Upload your store icon
- Click Save to save your changes.
How to add new products
-
Login your opencart admin
-
Go to Catalog -> Products -> Add New
-
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.
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.
-
Login your opencart admin
-
Go to Catalog -> Products
-
Search for the product you would like to set on specials. Click Edit link to edit it.
-
Choose Special tab and click Add Special button
-
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.
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
Category page
Detail page
Alice2
Home page
Category page
Detail page
Alice3
Home page
Category page
Detail page
Alice4
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:
- Go to Design > Layouts
- Click on Edit button to set the modules position for Home page.
-
- 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
- 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 :
Category
-> To set the layout like Category page : Login admin -> Design -> Layouts -> Alice 01: Category and set the layout like:
Detail
-> To set the layout like Product page : Login admin -> Design -> Layouts -> Alice 01: Product and set the layout like:
Alice2
-> To set the layout like Alice2: Login admin -> Design -> Layouts -> Alice 02: Home and set the layout like :
Category
-> To set the layout like Category page : Login admin -> Design -> Layouts -> Alice 02: Category and set the layout like:
Detail
-> To set the layout like Product page : Login admin -> Design -> Layouts -> Alice 02: Product and set the layout like:
Alice3
-> To set the layout like Alice3: Login admin -> Design -> Layouts -> Alice 03: Home and set the layout like :
Category
-> To set the layout like Category page : Login admin -> Design -> Layouts -> Alice 03: Category and set the layout like:
Detail
-> To set the layout like Product page : Login admin -> Design -> Layouts -> Alice 03: Product and set the layout like:
Alice4
-> To set the layout like Alice4: Login admin -> Design -> Layouts -> Alice 04: Home and set the layout like :
Category
-> To set the layout like Category page : Login admin -> Design -> Layouts -> Alice 04: Category and set the layout like:
Detail
-> To set the layout like Product page : Login admin -> Design -> Layouts -> Alice 04: 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 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 :
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 :
*** 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 :
Login your opencart admin
Go to Catalog -> Products -> At Product Name , choose Edit button
at the product you want to upload rotator image -> Click tab Image -> Add Image
- 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
***Alice2: Layout Content Builder - Home page 02
***Alice3: Layout Content Builder - Home page 03
***Alice4: Layout Content Builder - Home page 04
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
-
Click Slides Manager
At Banner Name , choose edit :
- #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
-
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 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
-
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 - Accessories 1 (names of this module to choose layout in each Home page image)-> 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.
-
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
*** This module be installed to display image thumbnail of each category.
Config OC Featured Category
***This module shows featured category in slider.
1. Configuration
Login your opencart admin
-
Go to Extensions -> Modules -> OC Featured Category - Featured Category -> Choose Edit button
-
We got :
Configure some parameters as below:
Module Name - Input name of sub OC Featured Category.
Title - Enter title of module with each language.
Items - Set number of products will be displayed per row.
Limit - Number of products will be allowed in each tab.
-
Width, Height - Image size will be displayed.
2. How to set featured category & upload home thumbnail image of each category
Login your opencart admin
-
Go to Catalog -> Categories -> Category Thumbnail -> choose category you want to set featured category
-
We got :
Configure some parameters as below:
- Home Thumbnail Image : Upload home thumbnail image for each category.
- Is Featured : Choose "Yes" to set featured category.
-
Click Save button
=> To customize this module, please modify this file : catalog\view\theme\[name_theme]\template\extension\module\ocfeaturedcategorytab.tpl
Config OC Featured Products Slider
1. Configuration
Login your opencart admin
-
Go to Extensions -> Modules -> Find name OC Featured Products Slider - Featured Products -> Choose Edit button
-
We got :
Configure some parameters as below:
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 -> 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 Products 1 (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 - Most viewed products -> 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 Bestseller Products Slider
Login your opencart admin
-
Go to Extensions -> Modules -> Find name OC Bestseller Products Slider - Bestseller Products -> 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 (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
Login your opencart admin
-
Go to Extensions -> Modules -> Find name OC Product Tabs Slider - Product Tabs Slider -> 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.
-
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
1. How to config this module
Login your opencart admin
Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog - Blog
-
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.
- 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 Carousel
1. Configuration
Login your opencart admin
-
Go to Extensions -> Modules -> Find name Carousel - Our Brands -> Choose Edit button
-
We got :
Note :
Banner - Choose banner you want to show in this module.
Width, Height - Image size will be displayed.
2. Edit Brand Logo
Login your opencart admin
-
Go to Design -> Banners -> Find name Manufacturers -> Choose Edit button
- Click Save button to save your changes.
3. Create new Banner Logo
Login your opencart admin
-
Go to Extensions -> Modules -> Find name Carousel -> 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\carousel.tpl
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 :
-
Log into the admin panel of your site. From the top menu select Catalog -> Filters:
-
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:
-
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:
-
Click Edit and open it, enable the module and click Save button to save the changes
-
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
-
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
-
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
-
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:
-
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
-
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 (fr-gb), rename en-gb.php to fr-gb.php
-
You need to translate all files in subfolders (account, checkout,...total) and file fr-gb.php
1. Example : Translate title All categories from English into French
-
Access url : catalog\language
-
Make a copy of the folder en-gb and rename it to language you want to translate.
-
In folder you've made (fr-gb), rename en-gb.php to fr-gb.php
-
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