28
Exclusive OpenCart Responsive Theme BY Themes

Glamorous Theme Documentation

  • Upload
    bjacklb

  • View
    118

  • Download
    0

Embed Size (px)

DESCRIPTION

Glamorous Theme DocumentationOpencart Exclusive Theme

Citation preview

Page 1: Glamorous Theme Documentation

Exclusive OpenCart Responsive Theme

BY

Themes

Page 2: Glamorous Theme Documentation

Glamorous OpenCart Responsive Theme

Author: Bhavin Lashkari (Development)

Contact us: [email protected]

Features:

Multi Color Skins Twitter Bootstrap Advance Auto complete search Google Fonts Library Font Awesome Icons Cross Browser Compatible Theme Control Module Infinite color options for theme & fonts Quick Product View PACE Auto Loaders AJAX Price Slider QR Code Blue Img Bootstrap Gallery Try Me Exclusive Fashion Extension All Tabs (Featured, Bestseller, Popular, Special, Latest) Smart Ads Extension Custom Content Extension Bootstrap Box Slider Bootstrap Full Width Slider Manufacturer Extension

Page 3: Glamorous Theme Documentation

& many more…

Thank you for purchasing our theme. Glamorous theme is Build

in Bootstrap And Ready for Develop you own custom theme. If

you have any questions that are beyond the scope of this help

file, please feel free to email via my user page contact form here.

Thanks so much!

- LB Themes

Page 4: Glamorous Theme Documentation

Table of contents

I. Installation

II. Theme Module

i. General Settings

ii. Fonts Settings

iii. Loader

iv. Sidebar

III. Stylesheet File Structure

IV. JavaScript

V. Extensions Guideline

i. Custom Content Module

ii. All in One Tab

iii. Tryme Extension

iv. Bootstrap Box Slider

v. Bootstrap Full Width Slider

vi. Manufacturer Module

vii. Smart Ads

viii. Price Slider

VI. Source and Credits

VII. Customization Service

Page 5: Glamorous Theme Documentation

I. Installation:

If you are going to install our theme on modified OpenCart

installation, Make sure you backed up your files before

proceeding. Glamorous Theme makes some little changes to

Opencart core files and built-in modules (cart module), so if you

have modified them before, these changes can be lost!

All the files needed to be uploaded can be found inside

‘FILES TO UPLOAD’ folder. You will find two folders there: 'admin'

and 'catalog'. In this point you should notice that the structure of

the FILES TO UPLOAD folder matches your installation structure

exactly. Drag and drop the admin and catalog folders into your

site using your favorite FTP client (If you Don’t have one, we

recommend Filezilla).

You will be asked if you want to replace some of the files

from your current installation. Do so only if you have clean

installation or have backed up your modified installation.

After successful upload, you should go to your admin panel

(http://yourdomain.com/admin) Go to following path.

Page 6: Glamorous Theme Documentation

System /settings / Your Store -> Click on Edit link.

Go to Store Tab

In Template Option Select “bootstrap”

Hit Save & it’s done!

II. Theme Module:

At Back-end

Path: Admin -> Extension-> Modules -> Theme Option -> Click

Install

Page 7: Glamorous Theme Documentation

After that click edit

i. General Option:

Page 8: Glamorous Theme Documentation

Auto Configuration Link:

After Theme Installation Click this link

Page 9: Glamorous Theme Documentation

It will Change all Image Sizes and make it Compatible to the Glamorous Theme.

Image size includes home page banner image, category image, product details images, Cart images etc…

ii. Font Settings:

Page 10: Glamorous Theme Documentation

iii. Loader Settings:

PACE Loader

iv. Sidebar Settings:

Be Careful while adding content to sidebar

Please Don’t Forgot to click on Source Button than add content to it.

For More Detail Click on Sidebar Guide.

Page 11: Glamorous Theme Documentation
Page 12: Glamorous Theme Documentation

II. CSS File Structure:

Stylesheets:

Core Themes

Path: catalog / view / theme /bootstrap

Main Stylesheets:

1. style.css

2. style-responsive.css

3. bootstrap.css

4. bootstrap-responsive.css

If you would like to edit a specific section of CSS file (use

Firefox extension called 'Firebug' to do that), and then scroll down

until you

find the appropriate style that needs to be edited.

DIR : “Color” contains all the Multi Color Theme Skins Stylesheet

DIR : “hover” contains Hover Stylesheets. (Category Page Hover

effect)

DIR : “Image-gallery” contains Elegant Image Gallery Stylesheet.

(Product Detail Page)

DIR : “loader” contains PACE Loader Stylesheets.

Page 13: Glamorous Theme Documentation

For Extensions Stylesheet

Path : catalog\view\theme\default\stylesheet\

You will find following Stylesheets over here.

Bootstrap Box & Full Slider Stylesheet

Smart Ads & Try me Extension Stylesheet.

Page 14: Glamorous Theme Documentation

III. Javascript:

Path: catalog / view / javascript /

Common.js is modifying with changes.

DIR : “Bootstrap” Contains all the bootstrap javascript.

DIR : “Angular Js” Contains all the Angular Js Script.

DIR : “pace-loader” Contains all the pace-loader javascript

DIR : “Smart-ads” Contains all the Smart ads Modules javascript.

Page 15: Glamorous Theme Documentation

IV. Extensions:

i. Custom Content Module

Path: Extension -> Modules -> LB Custom Content Module

Description : Add Custom Text & HTML Codes to any position.

Page 16: Glamorous Theme Documentation

ii. All in One Tab Module

Path: Extension -> Modules -> LB All Tab Module

Description :

Active Tabs

1. Featured Product Tab

2. Latest Product Tab

3. Most Popular Product Tab

Page 17: Glamorous Theme Documentation

4. Special Product Tab

5. Bestseller Product Tab

iii. Try Me Module

Path: Extension -> Modules -> LB Try Me

Description: Combo carousel module

Attention:

1. You must select two slider

One for Tops & Another For Bottoms

2. For Tops Select Upper, For Bottoms Select Bottom

3. Sort Order must be in sequel if top banner have no ‘N’

So for Bottom have no ‘N+1’

Page 18: Glamorous Theme Documentation

iv. Bootstrap Box Slider

Path: Extension -> Modules -> LB Bootstrap Default Slider

Page 19: Glamorous Theme Documentation

i. Bootstrap Full Slider

Path: Extension -> Modules -> LB Bootstrap Full Slider

Page 20: Glamorous Theme Documentation

v. Manufacturer Module

Path: Extension -> Modules -> LB Manufacturer Module

Page 21: Glamorous Theme Documentation

Description: All Brand List. By Click On that particular brand you’ll be redirected on that brand products.

vi. Smart Ads

Path: Extension -> Modules -> LB Smart Ads.

Page 22: Glamorous Theme Documentation

Description: Smart Ads is Basically Text Rotator.

Please Insert Content After Clicking on the Source Button.

You’ll Get Some Animation Selection Option here.

vii. Price Slider Filter

Path: Extension -> Modules -> LB Price Slider

Page 23: Glamorous Theme Documentation

Description: AJAX Price Slider is Price Filter.

At backend you just need to enter the Max ~ Min Price

VI. Source and Credits:

Page 24: Glamorous Theme Documentation

http://getbootstrap.com/2.3.2/

http://semantic-ui.com/

http://github.hubspot.com/pace/docs/welcome/

http://blueimp.github.io/Bootstrap-Image-Gallery/

http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html

http://fortawesome.github.io/Font-Awesome/icons/

VII. Customization Service:

I'm happy to help you with the installation. But before you

contact me, please make sure that you followed the above

specification as close as possible, because it is proved that most

of the problems come from not reading the specification carefully.

If you contact us with support question, please include your

website URL, installed version of OpenCart and detailed

description of your problem and screenshots (if applicable)

Showing the issues you experience. We may also ask you for

temporary access to your ftp Account.

If you want to save yourself a hassle, we can do the whole

process of installation for you, for a charge of USD 60. This will

normally be done within 24 - 48 hours after receiving payment via

paypal. Contact me if you need my assistance.

Page 25: Glamorous Theme Documentation

Customization:

We specialize in creating bespoke designs and custom

OpenCart developments. Should you Require any customization

to your theme, whether it is changing theme’s layout, adding new

Modules or creating new custom theme from scratch, we are right

people for the job.

Contact us with details of what needs to be done, and we’ll

give you a free, no obligation Quote.

Contact via: [email protected]