Amazecart Theme Documentation

Last updated: Jan 29, 2018

For support e-mail us at support@latestthemes.net

Introduction

Amazecart - Premium Responsive Opencart 3.0.2.0 Theme is an advanced opencart theme with custom THEME ADMIN PANEL.

Download or Buy Amazecart - Premium Responsive Opencart 3.0.2.0

  • Compatability opencart 3.0.2.0
  • Multi-Language Support
  • Powerful Admin Panel
  • Full Width Slider
  • Product Discount Timer
  • Blog/News Module with SEO
  • Newsletter Module
  • Custom Banner Module
  • Un-limited color options which can be changed from theme admin panel settings
  • Custom footer where you can add icon and text.
  • 8 Predefined social icons and custom content
  • Custom Product Block where you can title and description in product page
  • Predefined payment images with option to upload your own images.
  • facebook fanbox, twitter feed, youtube, contact and custom information which can be displayed in side of your pages

Uploading the theme

Step One

Download the theme Installation file from the opencart download page. Download the correct version 3.0.2.0

Step Two

Now login to the store admin panel,Now click the menu extension->Installer

  • Now Click Upload Button
  • It will open an window for uploading files.
  • select the file amazecart.ocmod.zip
  • Now the theme will be installed.
  • Next Goto the menu extension->Modification and click on refresh button on top right side corner.

Setting up the Theme

  • Goto the menu Extension->Extension.
  • In the drop-down list select themes.
  • Click the install button in amazecart Store Theme.
  • Click on edit amazecart Store Theme and select amazecart under the directory and select enable under status.
  • And give the theme image settings value from the right side image.
  • Then goto the menu system->settings and edit your store.
  • In General tab - in the field theme select amazecart store theme from the drop-down list and click save.
  • Then Goto System->users->users Groups and edit administrators
  • In access and modifiy permission select extension/extension/news, extension/extension/newssubscribers, extension/module/amazecart, extension/module/ltbanner, extension/module/ltfullslideshow, extension/module/ltnews, extension/module/newslettersubscribe, extension/module/accordcategory, extension/module/ltproducts, extension/module/lttestimonials and click save.
Amazecart Image Settings
crypto image settings

Amazecart Theme Settings

In menu goto extension->extension, from the drop-down select module. From the list install LT Amazecart Theme Settings.

This is the module where you control the different aspects of your theme like Theme Color, Product Page Content, Social Icons, Custom content, Payment Images, Facebook fanbox, Twitter timeline, address, Custom footer with icons .

General Settings

  • Product Timer - It displays the discount ending time in all the products . By enabling it will display the remaining time of discount expire days .
  • Enable or Disable wishlist, compare, change search bar position, discount ribbon etc.
  • Product page image zoom - in this select box you can select the type of product zoom you need in product page . you can choose between opencart default zoom or cloud zoom.
  • Powereby Text - You can change the footer poweredby text
  • Account Module Title Text - You can change the Title of the account text - eg: Account
  • Category Module Title Text - You can change the Title of the category module text - eg: Category
Amazecart General settings

Color Settings

In color settings you can change color code for all most all the fields in your store.

crypto color settings

Background Settings

In this tab you can set our preferred image , color or pattern for your store background.

crypto background settings

Product Page content

In this tab you can give custom content on product display page.

crypto Product Page Content

Custom Footer

In this tab you can set custom footer text bar with icons . It supports multi-language. In Custom footer text you can give two text part one is top text and another is bottom text which you can see from the theme demo . And for the Field Custom Footer Icons you have give the font value from Font Awesome which you can get from the link Font awesome

crypto custom footer settings

Payment Icons

In this tab you can select the payment icons and also you can upload your own payment images . You can upload upto 3 payment images . The uploaded image size should be width 38px and height 24px .

crypto payment settings

Social Networks

  • In this tab you can set social icons, custom content, youtube videos Facebook fanbox, twitter timeline and Footer address.
  • For Facebook fanbox you have to give your page url in the field(Not the profile url).
  • For twitter you have to give your twitter widget id which you can get it from your twitter account. Login to your twitter account.goto settings->widget. in that create new widget. In this you will see an html code in a box . in that copy the data-widget-id value and paste it in twitter-widget-id.
  • For Youtube you have to give ifram code of the youtube video . For Youtube video the width and height should be 420 and 315 respectively.
crypto social settings

Latest,Featured,Special and Bestseller Module Settings

For the modules Latest,Featured,Bestseller and Special Image settings is width 200 and height is 200 and it is same for all the position (column left , content top, content bottom and content right) .

crypto module image settings

LT Banner Module Settings

To use custom banner you need to install module LT Banner module in extension. In Banner module you can set upto four images in a single banner . For column left and column right you can only use a single image and the width of the image should be 262 px and height can vary . For content top and content bottom you can set upto 4 images in a single banner . From the below image you can see for fashion banner width is set as 560px as it has 2 images . Depending upon the image count you have to set the width.

crypto banner module settings

LT Full Width Home Page Slider Settings

In this module you can set Full Width slideshow in home page . You can see the setting in the below image.

crypto full width module settings

LT - Accordion Category

In this module you can set category with accordian style.

amazecart accordian settings

LT - Product Tab

In this module you can set product tabs with multiple products. You can create multiple tabs with their respective products. And the product fields are autocomplete fields

Layout field is used to represent where the module will be placed in the layout (eg column left, right, top or bottom).Note this is for design purpose. you have to select the module to be displayed in layout page

If you select layout as content top you have to place the module in content in layouts.

Image and width value is 200

amazecart product tab module

amazecart product tab module

LT - News Module

Install the LT - News module and click on edit . In that on the right side you will find News List link click on that. if permission error occurs, Goto System->users->users Groups and edit administrators.In access and modifiy permission select extension/extension/news.

In news list you can add the news it is similar to information page.

The image used for news module in demo the size is width 500px and height is 221px

After adding the news go and edit the LT - News Module and the image width is 263 and height is 116.

Module can be placed only in content top or content bottom in layout.

amazecart News settings amazecart News settings

LT - Newsletter module

In this module you can set Newsletter in footer where users can subscribe to Newsletter.

To see the newsletter list in edit page of the module on the right side top you can find the link Newsletter list

if permission error occurs, Goto System->users->users Groups and edit administrators.In access and modifiy permission select extension/extension/newsletter.

Note: you dont have to set the module in layout.

amazecart Newsletter settings

LT - Testimonails

In this module you can create testimonails and set number of items to scroll.

amazecart testimonials settings

LT - Products by Category

In this module you can set to display products by their respective category.

Layout field is used to represent where the module will be placed in the layout (eg column left, right, top or bottom).Note this is for design purpose. you have to select the module to be displayed in layout page

If you select layout as content top you have to place the module in content in layouts.

Image and width value is 200

amazecart testimonials settings

Javascript Used

This template is heaving loaded with both custom JS functions and free jQuery plugins. All JS files are placed in a separate folder called "js". The list of files is as follows:

  • custom.js
  • cloud-zoom.1.0.2.min.js
  • jquery.countdown.js

some of the jQuery plugins are heavily customized and changes in their files are not recommended.

All JS functions related to the theme content management are placed in custom.js or inline in the HTML files if required. The custom.js file is responsible for the main functions sliding effects, image fading effects

Sources and Credits

I've used the following images, icons or other files as listed.

  • Font Icons - http://fortawesome.github.io/Font-Awesome
  • Tilable Patterns - http://www.subtlepatterns.com
  • Social Network icons - http://www.iconarchive.com/
  • Payment Images - http://www.iconarchive.com/
  • Documentation template by Xiaoying Riley