Sinrato is a Mega 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:

Sinrato Opencart Theme is fully compatible with Opencart 3

Opencart HELP

Sinrato 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 theme : If you exist a opencart website you can install only theme.

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_sinrato_quickstart 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_sinrato_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 Theme


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

We recommend installing Sinrato 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_sinrato_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.

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

*** You can see the tutorial at video :

*****Note: Before & after installation, Don't rename of databases in "database" folder in theme.

  1. Extract the tt_sinrato_theme_1.0.zip from the archive you downloaded from Themeforest.
  2. Locate the Sinrato folder . We recommend 3.0.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 -> At OC Theme Configuration -> Click Install button

    theme_config

  6. At OC Theme Configuration : Choose Edit edit button
  7. Choose tab Theme Database:

    At Choose Theme Restore : Select homepage you want to install -> Click Import

    theme_database

  8. Go to Extensions -> Modifications -> Select & refresh all modifications.

    modifications

  9. Refesh your homepage. Finish installer.

Change theme layout in Opencart

***To install other themes when finish install the first theme, please:

  • Go to OC Theme Menu -> Theme Configuration

  • Choose tab Theme Database:

    - At Choose Theme Restore : Select homepage you want to install -> Click Import

    theme_database

  • Refresh your homepage.

Adjust your image sizes

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

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

    You can set number of products per Category page.

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.

How to set discount products

***Discount means that the price of a given product decreases as a customer buys more of it. In other words, a single piece may cost $30, but if you buy five pieces then each would only cost $28. The more a customer buys, the more they save.

  1. Login your opencart admin

  2. Go to Catalog -> Products

  3. Locate the product you want to create the discount for . Click Edit link to edit it.

    set special step1

  4. Choose Discount tab and click Add Discount button

    set discount step2

  5. We got :

    set discount step3

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

    Quantity - Set how many pieces a customer needs to purchase in order to get the discounted price.

    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 discount price to appear.

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

  6. Click Save button when finish.

How to set manufacturers, model for each product

set image

  • Login your opencart admin

  • Go to Catalog -> Products -> Choose product you want to add manufacturer

    set image

  • We got :

    set image

    -> Click Save button

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.

Sinrato1

Home page

home1


Category & Detail

Category

grid


Product

detail


Sinrato2

Home page

home2


Category & Detail

Category

grid


Product

detail


Sinrato3

Home page

home3


Category & Detail

Category

grid


Product

detail


Sinrato4

Home page

home4


Category & Detail

Category

grid


Product

detail


Set layout position of module in OpenCart 3.0

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 Mega Menu - Horizontal Mega Menu 1 module

    position3

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

Sinrato1

-> To set the layout like Sinrato1: Login admin -> Design -> Layouts -> Layout 01: Home and set the layout like :

layout_home1

Category

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

layout grid


Detail

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

layout detail

Sinrato2

-> To set the layout like Sinrato2: Login admin -> Design -> Layouts -> Layout 02: Home and set the layout like :

layout_home2

Category

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

layout grid


Detail

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

layout detail

Sinrato3

-> To set the layout like Sinrato3: Login admin -> Design -> Layouts -> Layout 03: Home and set the layout like :

layout_home3

Category

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

layout grid


Detail

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

layout detail

Sinrato4

-> To set the layout like Sinrato4: Login admin -> Design -> Layouts -> Layout 04: Home and set the layout like :

layout_home4

Category

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

layout grid


Detail

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

layout detail

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 3.0.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 Sinrato

Creating module to choose layout in each theme (Sub module) in Opencart 3.0.x

Example, here we will create a sub module of OC Products. Below is instruction:

  • Login admin -> Extensions -> Choose the extension type -> Modules -> OC Products -> Add New button add button

  • We got :

     add product

    Configure parameters that you need

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

     name products

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

How to customize thumbnail image and Related Slider in Product page

detail ex

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

How to filter products on category page

layered navigation

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

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

  5. Go to Catalog -> 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

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

    filter

How to use Layered Navigation in category page :

  1. Login your opencart admin

  2. Go to OC Theme Menu -> Theme Configuration

    filter

How to replace a background image on vertical megamenu

replace_img1

=> To replace a background image, please replace in this file : \image\catalog\cmsblock\img-right-menu.jpg

replace_img2

Config Layout Content Builder

Layout Content Builder is an OpenCart 3.0.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:

***Sinrato1: Layout Content Builder - Layout Homepage 01

layout content builder home

***Sinrato2: Layout Content Builder - Layout Homepage 02

layout content builder home

***Sinrato3: Layout Content Builder - Layout Homepage 03

layout content builder home

***Sinrato4: Layout Content Builder - Layout Homepage 04

layout content builder home

Config OC Mega Menu

OC Mega Menu module helps to create and display effectively multiple menu types (horizontal, vertical & mobile menu) and various display styles. You can create a huge sitemap-like menu with links to every page.

menu

The Mega Menu extension allows you to:

  1. Change Menu Styling: Change style of mega menu
  2. Edit any menu item: Click on Configure icon to edit menu types. Drag and drop the menu item to change its position

*** You can see the tutorial at HERE to create or edit the mega menus

1. How to config Menu Styling

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Mega Menu - Horizontal Mega Menu 1 (sub module of OC Mega Menu in each theme) -> Click Edit button edit_button

  • We got :

    admin menu then config according to you.

    Configure parameters as below:

    • Menu Editor button menu list - Click this button to edit menu list then choose megamenu to config

      menu list

      menu item

      • Module Name - Type menu name while choosing it for sub of OC Mega Menu

      • Status - Set Enabled to show the menu

      • Menu Type - Select menu type: Horizontal, Vertical or Mobile

      • Add Top Item - Click this button to add new menu item

      • Icon config button - Click this icon to config the menu item

      • Icon delete button - Click this icon to delete the menu item

      • Add Sub Item - Click to add sub categories

      • Click Save to save

    • General Settings - This section contains the basic settings for your Mega Menu theme.

      • Module Name - Input name of sub OC Mega Menu

      • Status - Set Enabled to show the OC Mega Menu module.

      • Choose Menu - Select megamenu to published

      • Menu Effect - Choose menu effect if you want

    • Menu Bar Settings - If you want to display the mega menu items on mobile devices, you need to configure a few things./p>

      • Menu Height - Set height of menu

      • Menu Background - Set background color of menu.

      • Text Color - Set text color of menu

      • Menu Padding - Set padding for top, right, bottom, and left of the menu.

    • Top Level Items Settings - The menu items that we see on the top, are dubbed as Top Level Items.

      • Item Background - Set color of background

      • Font - Configuration options include font color, font size, font weight, text transform

      • Font (Hover) - Set font color, font weight when hovering.

      • Show Items - Set number of categories will be displayed.

    • Mega Menu Settings - Use these settings to change the appearance of “mega menu” sub menus and their contents.

      • Menu Background - Set background color of menu.

      • Text Color - Set text color of menu

      • Menu Width - Define the width of the dropdown menu

      • Menu Padding - Set padding for top, right, bottom, and left of the menu.

    • Flyout Menu Settings - Flyout menus show one level of menu items at a time, expanding as the user hovers or clicks each item.

      • Choose tab Second Level Items or Third Level Items to config

      • Item Background - Set color of background

      • Font - Configuration options include font color, font size, font weight, text transform

      • Font (Hover) - Set font color, font weight when hovering.

    • Click Save to save this sub module

2. How to edit Menu Items

  • Login your opencart admin

  • Go to OC Theme Menu -> Advanced Menu then choose menu you want to edit

    menu list

  • Select menu item to config

    menu item

    Configure parameters as you want:

    • General Settings tab - This tab contains the general settings for this menu item.

      tab setting

      • Item Name - Type name of menu item

      • Status - Set Enabled to show the menu item

      • Item Title - Fill title of this menu item. To hide the menu item title, check the ‘Hide Title’ option. This is useful for displaying social icons in your menu (where only the icon is needed)

      • Link - Fill menu item link. The disable link option will be kept.

      • Sub Menu Type - Select menu type: Mega Menu or Flyout Menu

      • Position - Position of menu item on the menu

      • Item Align - Menu items are aligned to the left of the menu by default. To align a single menu item to the right (e.g. for social icons), set the Item Align option to ‘Right’.

      • Icon - Upload icon for this menu item.

    • Content Editor tab - This configuration is only used for Mega Menu type

      tab content editor

      • Sub Menu Content Type - Select sub menu content type: Widget Container, Category or Children Items. If you choose Children Items, the menu content will show children items of this menu item

        + Widget Container type

        Widget  Container

        + Category type

        Category type

        + Children Items type

        Children Items

    • Click Save button

  • Click Save button to done

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


OC Slide show

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

  • #Sinrato1: You should cut background images with size 1920 x 630 pixels.

  • #Sinrato2: You should cut background images with size 1110 x 520 pixels.

  • #Sinrato3: You should cut background images with size 1680 x 630 pixels.

  • #Sinrato4: You should cut background images with size 1395 x 520 pixels.


1. Configuration & change images of slide show

  • Login your opencart admin

  • Go to OC Theme Menu -> Banner Sliders

  • At Banner Name , choose edit :

    slideshow2

    • - #Sinrato1 : Choose edit Home slideshow 1

    • - #Sinrato2 : Choose edit Home slideshow 2

    • - #Sinrato3 : Choose edit Home slideshow 3

    • - #Sinrato4 : 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 OC Theme Menu -> Banner Sliders

  • 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

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Slide show -> Click Edit add new

  • 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.twig

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 OC Theme Menu -> CMS Blocks:

    edit block

  • At Title, choose Cms Block you want to edit, click Configuration:

    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 3.0.2.0, 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 Sinrato1, please do like steps below:

  • Please see at image of Sinrato1

  • Find part you want to edit, name is : OC CMS Block (Static Top Sinrato1)

  • Login your opencart admin

  • Go to OC Theme Menu -> CMS Blocks:

    edit block

  • At Title, choose Static Top Sinrato1 , click Configuration

    -> 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 OC Theme Menu -> CMS Blocks -> Click Add New button edit

    add block

    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 OC Theme Menu -> CMS Blocks -> Click OC CMS Block 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.twig

OC Tab Products

tab product slider

***This module show products of categories or show type of products(deal, latest, special, bestseller, mostviewed) in slider as tab.

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Tab Products - Tabs Categories 1 (sub module of OC Tab Products in each theme) -> Choose Edit button edit

  • We got :

    admin products slider

    Config the parameters as below :
    • Module Name - Input name of sub OC Tab Products.

    • Heading title - Title of this module in each theme

    • Description - Description of module

    • Product type - Choose display type of products: grid/view/other.

    • Using slider - Define whether use slider or not

      • Set Yes

        all_products

      • Set No

        all_products

    • Show countdown - Define whether show countdown for special products with end date.

    • Limit - Number of items will be allowed.

    • Size - Image size will be displayed.

    • Click tab you want to edit or click all_products to add new tab.

      all_products

      • Tab Title - Title of this tab.

      • Choose type of products - Select type of products you want to show.

        1. All Products - Select products you want to show.

          all_products

        2. Category Products - Select the category you want to show products & type products.

          all_products

          • Select category - Select category to show.

          • Product from:

            • All Products - Show all products of that category.

            • Select Products - Choose products of that category you want to show

            • Specific Products - Choose type of products of that category you want to show : new, bestseller, special, most viewed, deal product

        3. Auto Products - Show new or bestseller or special or most viewed or deal products.

          all_products


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


OC Products

admin product slider

***This module shows types of products(deal, latest, special, bestseller, mostviewed) or show products of categories.

1. Configuration

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Find name OC Products - Deal Products 2 (sub module of OC Products in each theme) -> Choose Edit button edit

  • We got :

    admin products slider

    Config the parameters as below :
    • Module Name - Input name of sub OC Products.

    • Choose type of products - Select type of products you want to show.

      1. All Products - Select products you want to show.

        all_products

      2. Category Products - Select the category you want to show products & type products.

        all_products

        • Select category - Select category to show.

        • Product from:

          • All Products - Show all products of that category.

          • Select Products - Choose products of that category you want to show

          • Specific Products - Choose type of products of that category you want to show : new, bestseller, special, most viewed, deal product

      3. Auto Products - Show new or bestseller or special or most viewed or deal products.

        all_products

    • Heading title - Title of this module in each theme

    • Description - Description of module

    • Product type - Choose display type of products: grid/view/other.

    • Using slider - Define whether use slider or not

      • Set Yes

        - all_products

      • Set No

        - all_products

    • Show countdown - Define whether show countdown for special products with end date.

    • Limit - Number of items will be allowed.

    • Size - Image size will be displayed.


2. How to upload thumbnail image of each category

admin product slider

  • Login your opencart admin

  • Go to OC Theme Menu -> Featured Categories -> choose category you want to upload 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\ocproduct.twig


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 2 (sub module of OC Blog in each theme) -> Click Edit add new

  • We got :

    admin blog

    Configure some parameters as below:

    • Module Name - Input name of sub module of OC 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.


2. How to config articles

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Configuration :

  • We got :

    admin blog


3. How to edit articles in Blog

  • Login your opencart admin

  • Go to OC Theme Menu -> 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.


4. To create a sub module of OC Blog, follow steps below:

4.1. Create the article

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Articles -> Add New add new button

    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.


4.2. Create articles list

  • Login your opencart admin

  • Go to OC Theme Menu -> Blog -> Articles Lists -> Add New add new button

    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.


4.3. Create sub module of OC Blog

  • Login your opencart admin -> Extensions -> Extensions -> Choose the extension type -> Modules -> OC Blog -> Add New  edit button or click at Blog from Articles List  admin 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.

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

  • 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.twig

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

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

OC Testimonials

blog

***This module shows and manage comments, feedback, testimonials from customers in slider.

1. How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Testimonials - Testimonials 2 -> Choose Edit button

  • We got :

    admin testimonial

    Configure some parameters as below:

    • Module Name - Input name of sub OC Testimonials.

    • Status - Set Enabled to use this sub module.

    • Items - Set number of testimonial will be displayed per row.

    • Rows - Number of rows will be displayed.

    • Limit - Number of testimonial will be allowed in slider.

    • Testimonial Image Width, Testimonial Image Height - Image size of each testimonial will be displayed.


2. How to edit testimonials in this theme

  • Login your opencart admin

  • Go to OC Theme Menu -> Testimonials

  • We got :

    list testimonial -> Choose testimonial you want to edit -> Edit according to you.


3. How to add new testimonial

  • Login your opencart admin

  • Go to OC Theme Menu -> Testimonials -> Add New add new

  • We got :

    list testimonial1

    Configure some parameters as below:

    • Customer Name - Input name of the testimonial.

    • Content - Enter content of the testimonial.

    • Status - Set Enabled to use this testimonial.

    • Image File - Click at this field to upload avatar of the testimonial.

    • Sort Order - Order of the testimonial

  • Click Save to save the testimonial.

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

Config OC Twitter

twitter

  • Login your opencart admin

  • Go to Extensions -> Modules -> OC Twitter

  • We got :

    admin twitter

    Config some parameters as below :

    • Status - Set Enabled to use this module

How to get API Keys and Tokens for Twitter

In order for you to get the Twitter feed working you need four keys; the Consumer Key, Consumer Secret, Access Token and Access Token Secret. Below are the steps to get those 4 keys.

  1. Go to https://apps.twitter.com/app/new and log in, if necessary.
  2. Enter your desired Application Name, Description and your website address making sure to enter the full address including the http://. You can leave the callback URL empty.

    get API

  3. Accept the TOS and submit the form by clicking the Create your Twitter Application.
  4. After creating your Twitter Application click on the tab that says Keys and Access Tokens, then you have to give access to your Twitter Account to use this Application. To do this, click the Create my Access Token button.

    get API

  5. Lastly copy the Consumer key (API key), Consumer Secret, Access Token and Access Token Secret from the screen into our plugin’s Twitter Options page and test.

    get API

Config Oc Newsletter

newsletter

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> Oc Newsletter - Newsletter (Newsletter block), Oc Newsletter - Newsletter Popup(Newsletter popup) -> Edit add new

  • 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.twig

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

OC Ajax Login

ajax login

How to config this module

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Ajax Login -> Edit add new

    ajax login

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

- catalog\view\theme\[name_theme]\template\extension\module\ocajaxlogin\ajaxlogin.twig

- catalog\view\theme\[name_theme]\template\extension\module\ocajaxlogin\ajaxregister.twig

- catalog\view\theme\[name_theme]\template\extension\module\ocajaxlogin\ocajaxlogin.twig

- catalog\view\theme\[name_theme]\template\extension\module\ocajaxlogin\success.twig

OC Theme Configuration

*** To config theme : rotator image, quickview, catalog mode, custom css, zoom, color swatch...

  • Login your opencart admin

  • Go to OC Theme Menu-> Theme Configuration

    theme configuration

    • Tab Module Configuration : Define whether using rotator image, quickview or catalog mode or not.

      theme configuration

    • Tab Product Page : Configurable swatches & image zoom options on single product page.

      product page

    • Tab Category Page : Determines the content elements displayed on the category page.

      category page

    • Tab Stylesheet CSS : Choose Enabled to use this function

      theme configuration

    • Tab Theme Database : Using in install theme

      theme configuration

How to upload rotator image

Example :

rotator1

When hover :

rotator2

  • Login your opencart admin

  • 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

Translation

1. Translate module title name or text in the php file

  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.

Example : Translate title "Sign Up For Newsletters" 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\newslettersubscribe.php-> translate -> Save this file to change

    Modules and responsive .php files :

    • OC Slide show - ocslideshow.php

    • OC Tab Products - octabproducts.php

    • OC Products - ocproducts.php

    • OC Featured Category - ocfeaturedcategory.php

    • Oc Newsletter - newslettersubscribe.php

    • OC Testimonials - octestimonial.php

    • OC Twitter - octwitter.php

    • Banner - banner.php

    • Oc Mega Menu - ocmegamenu.php

    • OC Ajax Login - ajaxlogin.php

    • Information - information.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 Heading title : At your language, enter title of module

  • Click Save to save your change

Example: Translate title "our products" at #Sinrato1:

  • Login your opencart admin

  • Go to Extensions -> Extensions -> Choose the extension type -> Modules -> OC Products - Tabs Categories 1

  • At Heading title : At your 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