Amino 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 contact us: PlazaThemes Support.

Thanks so much!

Compatible with Opencart:

Amino Opencart Theme is fully compatible with Opencart 3

Opencart HELP

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

Change default home page in the Demo QuickStart

***To change default home page when finish install the Demo QuickStart, please:

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

  • Click Save button when finish.

Install Theme


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

We recommend installing Amino 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_Amino_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_amino_theme_1.0.zip from the archive you downloaded from Themeforest.
  2. Locate the Amino 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 Plaza Control Panel -> Click Install button

    plaza_control

  6. At Plaza Control Panel : Choose Edit edit button
  7. Choose tab Control Panel -> click tab Advence:

    At Home Database: Select layout 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:

  • Login your opencart admin
  • Go to PlazaThemes Dashboard -> Control Panel -> Advance
  • At Home Database: Select layout you want to install -> Click Import

    theme_database

  • Click Save button.

Adjust your image sizes

Before you start using your store with the Amino 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 > Amino1 > 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.

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.

Amino1

Home page

home1


Category & Detail

Category

grid


Product

detail


Amino2

Home page

home2


Category & Detail

Category

grid


Product

detail


Amino3

Home page

home3


Category & Detail

Category

grid


Product

detail


Amino4

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 Plaza Layout Composer -> Amino 2 - Home Page Layout module

    position3

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

Amino1

-> To set the layout like Amino1: Login admin -> Design -> Layouts -> Amino 1 - Home Page Layout and set the layout like :

layout_home1


Category

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

layout grid


Detail

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

layout detail


Mobile layout

-> To set the layout like mobile layout : Login admin -> Design -> Layouts -> Amino 1 - Mobile Layout and set the layout like:

layout mobile

Amino2

-> To set the layout like Amino2: Login admin -> Design -> Layouts -> Amino 2 - Home Page Layout and set the layout like :

layout_home1


Category

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

layout grid


Detail

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

layout detail


Mobile layout

-> To set the layout like mobile layout : Login admin -> Design -> Layouts -> Amino 2 - Mobile Layout and set the layout like:

layout mobile

Amino3

-> To set the layout like Amino3: Login admin -> Design -> Layouts -> Amino 3 - Home Page Layout and set the layout like :

layout_home1


Category

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

layout grid


Detail

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

layout detail


Mobile layout

-> To set the layout like mobile layout : Login admin -> Design -> Layouts -> Amino 3 - Mobile Layout and set the layout like:

layout mobile

Amino4

-> To set the layout like Amino4: Login admin -> Design -> Layouts -> Amino 4 - Home Page Layout and set the layout like :

layout_home4


Category

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

layout grid


Detail

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

layout detail


Mobile layout

-> To set the layout like mobile layout : Login admin -> Design -> Layouts -> Amino 4 - Mobile Layout and set the layout like:

layout mobile

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

General Settings of PlazaThemes Dashboard

dashboard

This is our theme Dashboard. You can configure all settings, features and modules about the theme (exclude default features of OpenCart) at here.

Log into the admin panel of your site, click PlazaThemes Dashboard

There are features and modules:

  1. Plaza Control Panel

  2. Modules

  3. Special of Categories

  4. Ultimate Menu

  5. Blog

  6. Slider Management

  7. Testimonials

  8. Newsletter Emails

Plaza Control Panel

control-panel

You can choose store and configure for store are chosen

control-choosestore

GENERAL

There are options:

  1. Header: Choose Header you want to config.

  2. Responsive Type: Choose type of mobile layout

    • Responsive Layout: The tablet, mobile layout following the layout of desktop already. You don't need configure Layout.

    • Device Specified Layout: The tablet, mobile layout can be configured and customize.

      You can use this option to design your mobile layout

      Admin -> Design -> Layouts

      desgin-layout

      Click Add New button layout-add-new

      You should configure layout by set Store, Route and Choose modules to layout. You should see more at here

      • Store: Choose Store for use mobile layout.
      • Route: You have to input route "plaza/responsive/mobile" for Mobile, route "plaza/responsive/tablet" for Tablet
      • Assign modules to the positions
      layout-configure
  3. Sticky Header: Enable / Disable Sticky Header

  4. Scroll Top Button: Enable / Disable Scroll Top Button

  5. Lazy Load: Enable / Disable Lazy Load

  6. Loader Image: Choose Ajax Loader Image


FONT & CSS

  1. Body

    font-body
  2. Heading Title

    font-heading
  3. Link

    font-link
  4. Button

    font-button

FONT & CSS

  1. Body

    font-body
  2. Heading Title

    font-heading
  3. Link

    font-link
  4. Button

    font-button

CATALOG MODE

You can configure Catalog Mode of each part of your store.

  1. Header

    catalog-header
  2. Product Detail

    catalog-product
  3. Product Listing

    catalog-category

PRODUCT DETAIL

You can configure settings for Product Page.

  1. Related Products: Enable / Disable Related Products in Product Page.

  2. Social Icons: Enable / Disable Social links in Product Page.

  3. Price Tax: Enable / Disable product's price tax.

  4. Product Tags: Enable / Disable product's tags.

  5. Image Zoom Settings

    product-zoom-setting
    • Image Zoom: Enable / Disable Image Zoom.

    • Type: Set Zoom's type is Inner or Outer

      Inner Zoom

      product-innerzoom

      Outer Zoom

      product-outerzoom
    • Space: When zoom's type is "Outer", set space between Thumbnail Image and Zoom Image

    • Zoom Title: Enable / Disable product name on zoom image.

  6. Color Swatches Settings:

    These options are used for Products that have options (the options must have type "Select" or "Radio").

    Configure Options: Go to Admin -> Catalog -> Options

    catalog-options

    You can add new options or edit existed options.

    options-add-edit

    This is the Options form

    options-new

    You should configure option by fill your data:

    • Option Name: Set name of Option.

    • Type: You must choose Select or Radio to use it for Color Swatches.

    • Sort Order: Set order of option.

    • Option Values: Set values of this options.

      You can setup values like this:

      options-setting-demo

    Configure Product Options:

    Go to Admin -> Catalog -> Products -> Add New or Edit product

    Click Option Tab in Product form

    You should configure options for product like this:

    options-product

    Click Image Tab in Product form

    You should configure product's images for product's options like this:

    options-product-image

    Now, you have configured Product, Options and Images.

    You have to configure Color Swatches settings of Product Detail in Control Panel

    product-swatches-setting
    • Color Swatches: Enable / Disable Color Swatches

    • Swatches Icon: Set width - height of option images at Option part in Product page

    • Swatches Option: Choose option to use swatches

    product-swatches

CATEGORY PAGE

You can configure settings for Category Page.

control-panel-category
  1. Category Image: Show / Hide category's image.

  2. Category Description: Show / Hide category's description.

  3. Children Categories: Show / Hide Children category and Refine Search.

  4. Filter

    Filter is the default of OpenCart. You should use it to filter product in category page. See more at Filter to learn how to add filters.

    • Filter: Enable /Disable Filter on Category page.

    • Position of Filter: Select Left/Right to set position of filter

      filter-left filter-right
  5. Quick View: Enable / Disable Product Quick view.

  6. Image Effect

    category-image-settings
    • None: No Effect.

    • Hover Image: Show other image when hover product.

      category-hover-image
    • Swatches Image: Show color options to click to change product image.

      You have to configure Swatches Icon to set width - height of option images.

      category-swatches-image
  7. Advance View: Enable / Disable to show Advance View on Category page.

    category-view-settings

    Default View: Choose View Type of the first load page - Grid View or List View.

    Product per Row: Choose products number of Grid View at the first load page.

    category-advance-view

ADVANCE

Some Advance configuration may help you more to configure theme.

  1. Customize Stylesheet: Fill your custom CSS Stylesheet lines.

    Example: add CSS code.

    custom-css
  2. Customize Javascript: Fill your custom Javascript code.

    Example: add Javascript code.

    custom-js

Extensions & Modules on PlazaThemes Dashboard

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules

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

Modules in Amino

Special of Categories

Show special categories on frontend.

  • Go to PlazaThemes Dashboard -> Special of Categories
  • Click Edit button on each category to set that category as special on homepage.
  • Now, you should configure Plaza Special Categories module.

Ultimate Menu

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

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Ultimate Menu then choose menu you want to edit

    menu list

  • Select menu item to config

    menu item

    Configure parameters as you want:

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

      tab setting

      • Name - Type name of menu item

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

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

      • Width - Set a width for the mega menu drop down

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

      • Order - Set order for this menu item.

    • Menu Content 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

Blog

You can configure blog posts, category and the Blog has SEO optimization.

  • Go to PlazaThemes Dashboard -> Blog -> Posts to create new or edit the blog posts.
  • Click Add New button or Edit post. Fill your data and Save.
  • Go to PlazaThemes Dashboard -> Blog -> Categories to create new or edit the blog categories.
  • Click Add New button or Edit blog category. Fill your data, set Post for this category and Save.
  • Go to PlazaThemes Dashboard -> Blog -> Page Settings to configure Blog page.
  • Now, you should configure PlazaThemes Blog module to show on your site.

Slider Management

PlazaThemes Slider to make banners slider on frontend.

  • Go to PlazaThemes Dashboard -> Slider Management to create or edit Slider.
  • Click Add New button or Edit existing slider. Fill data & Save
  • You have configured the Slider. Now, you should configure Plaza Slider module.

Testimonials

  • Go to PlazaThemes Dashboard -> Testimonials to create or edit testimonials.
  • Click Add New button or Edit testimonial. Fill your data and Save.
  • You have configured the Testimonials. Now, you should configure Plaza Testimonial module.

Newsletter Emails

Newsletter to be used for subscribing to receive updates on new arrivals, special offers and other discount information.

  • Go to PlazaThemes Dashboard -> Newsletter Emails to see all newsletter emails have been subscribed on frontend.
  • Click Mail button mail button to prepare email for Newsletter.
  • Fill your settings, your mail info and click Send to send mail to email address that have been subscribed.
  • Make sure that mail configuration is correct.
  • You have configured the Newsletter. Now, you should configure Plaza Newsletter module.

Configure Extensions

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.


There are two ways to configure Extensions of this Theme:

Option 1:

Login admin then go to PlazaThemes Dashboard -> Modules -> Plaza Products -> Select module you want to config.

Example

  • Login admin then go to PlazaThemes Dashboard -> Modules -> Plaza Ultimate Menu - Horizontal Menu 01 -> Edit button edit button

    config option1

  • We got :

    admin menu

    Configure parameters that you need

  • Click Save button to save your changes.

Option 2:

Login admin then go to Extensions -> Extensions -> Choose the extension type -> Modules -> Select module you want to config.

Example

  • Login admin then go to Extensions -> Extensions -> Choose the extension type -> Modules -> Plaza Ultimate Menu - Horizontal Menu 01 -> Edit button edit button

    config option2

  • We got :

    admin menu

    Configure parameters that you need

  • Click Save button to save your changes.

Config Plaza Control Panel

You can configure and customize layout by Plaza Control Panel. Following this guide .

Config Plaza Layout Composer

Plaza Layout Composer 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, Plaza Layout Composer is very useful for your website.

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

Plaza Layout Composer for each home:

***Amino1: Plaza Layout Composer - Store 1 - Home Page

***Amino1: Plaza Layout Composer - Store 1 - Mobile Home Page

***Amino2: Plaza Layout Composer - Store 2 - Home Page

***Amino2: Plaza Layout Composer - Store 2 - Mobile Home Page

***Amino3: Plaza Layout Composer - Store 3 - Home Page

***Amino3: Plaza Layout Composer - Store 3 - Mobile Home Page

***Amino4: Plaza Layout Composer - Store 4 - Home Page

***Amino4: Plaza Layout Composer - Store 4 - Mobile Home Page

Config Plaza Ultimate Menu

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

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Ultimate Menu - Horizontal Menu 01 (sub module of Plaza Ultimate Menu in each theme) -> Click Edit button edit_button

  • We got :

    admin menu then config according to you.

    Configure parameters as below:

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

      • Module Name - Input name of sub Plaza Ultimate Menu

      • Status - Set Enabled to show the Plaza Ultimate Menu module.

      • Choose Menu - Select megamenu to published

      • Effect - Choose menu effect if you want

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

      • Background - Set background color of menu.

      • Text Color - Set text color of menu

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

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

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

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

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

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

      • Background - Set background color of menu.

      • Sub Items - Set font style of menu item.

      • Sub Items Hover - Set font style of menu item when hover.

      • Sub-sub Items - Set font style of the sub-sub-menu item.

      • Sub-sub Items Hover - Set font style of the sub-sub-menu item when hover.

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

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

      • Choose tab Sub Items or Sub - Sub Items to config

      • 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

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


Plaza Products

admin product slider

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

Configuration

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Products - New Arrivals 1 (sub module of Plaza Products in each theme) -> Choose Edit button edit

  • We got :

    admin products slider

    Config the parameters as below :

    - Module Settings part

    • Module Name - Input name of sub Plaza Products.

    • Status - Set Enabled to use this sub module.

    • Module Title - Title of this module in each theme

    • Module Type - Select type of this module

    • Show Module Description - Set Enabled to display description

    • Module Description - Description of module

    - Slider Settings part

    • Width - Set width of product image.

    • Height - Set height of product image

    • Auto - Enable / Disable auto play slider

    • Items - Set number of item will be displayed for each devices

    • Rows - Set number of row will be displayed for each devices

    • Limit - Number of items will be allowed.

    • Speed - Set a variable speed per slide (milliseconds)

    • Navigation - Enable / Disable navigation

    • Pagination - Enable / Disable pagination

    - Layout Settings part

    • Layout - Select the type of content that will be displayed

    • Product Layout - Choose the layout that suits the type of content you're displaying.

    • Custom Class - Create custom classes to suit your needs

    - Catalog Settings part - Enable/Disable e-commerce functionality of each products (price, cart, wishlist ...)

    - Products Settings part - Choose type of products will be shown (specified, by category, special types)

    - Image Settings part - Upload featured image for this module and set information about this image

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


Config Plaza Static Block

Static Block module can make static blocks for your site.

How to edit static blocks

Please see at images of layout to see names of Static Block

  • To edit a static block, please see in "Home page layout" image -> Find sub module of each Plaza Static Block

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Static Block -> Choose Cms Block you want to edit:

    edit block

    Edit Heading Title, Description ... of static block. Then 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 Amino1, please do like steps below:

  • Please see at image of Amino1

  • Find part you want to edit, name is : Plaza Static Block (Static Top Store1)

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Static Block - Static Top Store1 -> Edit button edit button

    -> Edit Heading Title, Description, ... of this static block.

  • Click Save button when finish.

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


Plaza Slider

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

  • #Amino1: You should cut background images with size 1920 x 945 pixels.

  • #Amino1 Mobile layout: You should cut background images with size 767 x 378 pixels.

  • #Amino2: You should cut background images with size 1515 x 550 pixels.

  • #Amino2 Mobile layout: You should cut background images with size 767 x 278 pixels.

  • #Amino3: You should cut background images with size 1920 x 810 pixels.

  • #Amino3 Mobile layout: You should cut background images with size 767 x 324 pixels.

  • #Amino4: You should cut background images with size 1920 x 810 pixels.

  • #Amino4 Mobile layout: You should cut background images with size 767 x 324 pixels.


How To Change Slider Dimensions

  • Login your opencart admin
  • Go to PlazaThemes Dashboard -> Modules -> Plaza Slider - Home slideshow 1 (sub module of Plaza Slider in each theme) -> Click Edit button edit_button
  • We got:

    admin slide show

    Configure parameters as below:

    • Module Name - Input name of sub Plaza Slider

    • Status - Set Enabled to show the Plaza Slider show module.

    • Choose Slider - Choose the slide show you want to use

    • Width - Set width of slide show

    • Height - 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\plaza\module\ptslider.twig

Config Plaza Special Categories

special of categories

***This module show featured categories with their thumbnail images.

  • Login your opencart admin

  • Go to PlazaThemesDashboard -> Modules -> Plaza Special Categories - Special Categories 01 -> Click Edit button edit_button

  • We got :

    admin special categories then config according to you.

    Configure parameters as below:

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

      • Item Width - Set width of thumnail image.

      • Item Height - Set height of thumbnail image

      • Limited Items - Number of items will be allowed.

      • Active Items - Set number of item will be displayed on homepage

      • Animation Speed - Set a variable speed per slide (milliseconds)

      • Auto Play - Enable / Disable auto play slider

      • Rows of Items - Set number of row will be displayed for each devices

      • Next/Back - Enable / Disable next/back button

      • Pagination - Enable / Disable pagination

    • Categories Settings tab - If you want to display the mega menu items on mobile devices, you need to configure a few things.

      • Top Categories Slider - Enable / Disable slider

      • Description - Show / Hide category's description

      • Child Categories - Show / Hide children category

      • Number of Child Categories - Number of children category will be allowed.

      • Category Secondary Image - Enable / Disable thumbnail images.


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

Plaza Blog

You can configure blog posts, category and the Blog has SEO optimization.

blog

* How to config this module

  • Login your opencart admin

  • Go to PlazaThemesDashboard -> Modules -> Plaza Blog - Blog 1 -> Click Edit

  • We got :

    admin blog

    Configure some parameters as below:

    • Module Name - Input name of sub module of Plaza Blog

    • Status - Set Enabled to use this sub module.

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

    • Width - Set width of post-image on homepage

    • Height - Set height of image on homepage

    • Auto - Enable / Disable auto play slider

    • Items - Set number of item will be displayed for each devices

    • Speed - Set a variable speed per slide (milliseconds)

    • Rows - Set number of row will be displayed for each devices

    • Navigation - Enable / Disable navigation

    • Pagination - Enable / Disable pagination



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

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

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

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

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

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

Plaza Testimonial

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

blog

* How to config this module

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Testimonial - Testimonial -> Click Edit

  • We got :

    admin testimonial

    Configure some parameters as below:

    • Module Name - Input name of sub module of Plaza Testimonial

    • Status - Set Enabled to use this sub module.

    • Width - Set width of post-image on homepage

    • Height - Set height of image on homepage

    • Auto - Enable / Disable auto play slider

    • Items - Set number of item will be displayed for each devices

    • Limit - Number of items will be allowed.

    • Speed - Set a variable speed per slide (milliseconds)

    • Rows - Set number of row will be displayed for each devices

    • Show Navigation - Enable / Disable navigation

    • Show Pagination - Enable / Disable pagination



=> To customize this module, please modify these files : catalog\view\theme\[name_theme]\template\plaza\module\pttestimonial.twig

Config Plaza Newsletter

newsletter

  • Login your opencart admin

  • Go to PlazaThemesDashboard -> Modules -> Plaza Newsletter - Newsletter Subscribe, Plaza Newsletter - Newsletter Popup -> Edit add new

  • We got :

    admin newsletter

    admin newsletter2

    Config some parameters as below :

    • Name Module - Input name of sub module of sub Plaza Newsletter

    • Status - Set Enabled to use this sub module

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

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

Plaza Quick Login

ajax login

How to config this module

  • Login your opencart admin

  • Go to PlazaThemesDashboard -> Modules -> Plaza Quick Login -> Edit add new

  • We got :

    ajax login

    Config some parameters as below :

    • Status - Set Enabled to use this sub module

    • Redirect to Account - Set Enabled to redirect users after successful login.

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

- catalog\view\theme\[name_theme]\template\plaza\quicklogin\login.twig

- catalog\view\theme\[name_theme]\template\plaza\quicklogin\register.twig

- catalog\view\theme\[name_theme]\template\plaza\quicklogin\success.twig

Translation

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

OpenCart uses a language fallback to english by default. If you want to add support for your language, you will simply need to make a copy of the language file and put it into your language folder. You can simply follow these steps.

  1. First locate the language file that comes with the mod. The language files should be found at:

    • admin/language/en-gb/[custom_folder]/[custom_file].php
    • catalog/language/en-gb/[custom_folder]/[custom_file].php
  2. Make a copy of the folder en-gb and rename it to language you want to translate. In folder you've made ([your_language]), rename en-gb.php to [your_language]. The result should look something like this:

    • admin/language/[your_language]/[custom_folder]/[custom_file].php
    • catalog/language/[your_language]/[custom_folder]/[custom_file].php
  3. Now, you should access every file in these two folders and translate the English text to your preference. A single English language entry looks like this:

     $_['text_link_button'] = 'Read more'; 

    You will need to translate the right-side only of the file. For example, if we were to translate this to french it would become: ( Do the same with other languages. )

     $_['heading_title']    = 'Lire la suite'; 

    Note: Some language entries contain special HTML or wildcard characters like <strong>http://</strong>, %s, <b></b> and others. Don't need to change these special words and translate only the text within these entries.


2. Translate title other modules

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules

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

  • At Module Title : At your language, enter title of module

  • At Module Description : Choose your language, enter a short description of the product under the heading title

  • Click Save to save your change


Example: Translate title "New Arrivals" at #Amino1 to the French language

  • Login your opencart admin

  • Go to PlazaThemes Dashboard -> Modules -> Plaza Products - New Arrivals 1

  • At Module Title : Choose tab 'French', enter title of module

  • At Module Description : Choose tab 'French', enter a short description of the product under the heading title

  • 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