Glamorous Documentation

  • Upload
    bjacklb

  • View
    64

  • Download
    0

Embed Size (px)

DESCRIPTION

Glamorous Documentation theme opencart

Citation preview

  • Exclusive OpenCart

    Exclusive OpenCart Responsive Theme

    BY

    Themes

  • Glamorous OpenGlamorous OpenGlamorous OpenGlamorous Open

    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 Comp

    Theme Control Mod

    Infinite color options for theme & fonts

    Quick Product View

    PACE Auto Loaders

    AJAX Price Slider

    QR Code

    Blue Img Bootstrap

    Try Me Exclusive Fashion Exte

    All Tabs (Featured, Bestseller, Popular, Special, Latest

    Smart Ads Extension

    Custom Content Extension

    Bootstrap Box Slider

    Bootstrap Full Width Slider

    Manufacturer Extension

    & many more

    Glamorous OpenGlamorous OpenGlamorous OpenGlamorous OpenCCCCart Responsive Tart Responsive Tart Responsive Tart Responsive T

    : Bhavin Lashkari (Development)

    [email protected]

    Multi Color Skins

    Twitter Bootstrap

    Advance Auto complete search

    ibrary

    Font Awesome Icons

    Cross Browser Compatible

    Theme Control Module

    color options for theme & fonts

    Quick Product View

    Loaders

    AJAX Price Slider

    Bootstrap Gallery

    Try Me Exclusive Fashion Extension

    Featured, Bestseller, Popular, Special, Latest

    Smart Ads Extension

    Custom Content Extension

    Bootstrap Box Slider

    Bootstrap Full Width Slider

    Manufacturer Extension

    art Responsive Tart Responsive Tart Responsive Tart Responsive Thhhhemeemeemeeme

    Featured, Bestseller, Popular, Special, Latest)

  • 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

  • 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

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

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

    Go to Store Tab

    In Template Option Select bootstrap

    Hit Save & its done!

  • II. Theme Module:

    At Back-end

    Path: Admin -> Extension

    After that click edit

    > Extension-> Modules -> Theme Option -> Click Install> Click Install

  • i. General Option:

    Auto Configuration Link:

    After Theme Installation

    General Option:

    Auto Configuration Link:

    ation Click this link

  • It will Change all Image Sizes and make it Compa

    Glamorous Theme.

    Image size includes

    details images, Cart images etc

    ii. Font Setting

    ll Image Sizes and make it Compatible

    home page banner image, category image, product

    details images, Cart images etc

    Font Settings:

    tible to the

    home page banner image, category image, product

  • iii. Loader Setting

    PACE Loader

    iv. Sidebar Setting

    Be Careful while adding content to sidebar

    Please Dont Forgot to click on Source Button than add content to it.

    For More Detail Click on Sidebar Guide.

    Settings:

    Settings:

    Be Careful while adding content to sidebar

    Forgot to click on Source Button than add content to it.

    For More Detail Click on Sidebar Guide.

    Forgot to click on Source Button than add content to it.

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

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

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

  • IV. Extensions:

    i. Custom Content Module

    Path: Extension -> Modules

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

    Custom Content Module

    > Modules -> LB Custom Content Module

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

    > LB Custom Content Module

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

  • ii. All in One Tab

    Path: Extension -> Modules

    Description :

    Active Tabs

    1. Featured Product

    2. Latest Product Tab

    3. Most Popular Product

    4. Special Product T

    5. Bestseller Product Tab

    iii. Try Me Module

    Path: Extension -> Modules

    Description: Combo carousel module

    One Tab Module

    > Modules -> LB All Tab Module

    Product Tab

    Tab

    Product Tab

    cial Product Tab

    Bestseller Product Tab

    Try Me Module

    > Modules -> LB Try Me

    : 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

  • iv. Bootstrap Box Slider

    Path: Extension -> Modules

    Bootstrap Box Slider

    > Modules -> LB Bootstrap Default Sliderfault Slider

  • i. Bootstrap Full

    Path: Extension -> Modules

    Bootstrap Full Slider

    > Modules -> LB Bootstrap Full Slider

  • v. Manufacturer Module

    Path: Extension -> Modules

    Description: All Brand List. By Click On that

    redirected on that brand products.

    Manufacturer Module

    > Modules -> LB Manufacturer Module

    : All Brand List. By Click On that particular

    redirected on that brand products.

    Manufacturer Module

    brand youll be

  • vi. Smart Ads

    Path: Extension -> Modules

    Description: Smart Ads is Basically Text Rotator.

    Please Insert Content After Clicking on the Source Button.

    Youll Get Some Animation Selection Option here.

    Smart Ads

    > Modules -> LB Smart Ads.

    : Smart Ads is Basically Text Rotator.

    Please Insert Content After Clicking on the Source Button.

    ome Animation Selection Option here.

    Please Insert Content After Clicking on the Source Button.

  • vii. Price Slider Fil

    Path: Extension -> Modules

    Description: AJAX Price Slider is Price Filter.

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

    Price Slider Filter

    > Modules -> LB Price Slider

    AJAX Price Slider is Price Filter.

    ou just need to enter the Max ~ Min Priceou just need to enter the Max ~ Min Price

  • VI. Source and Credits:

    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_rotato

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

    Customization:

    We specialize in creating bespoke designs and custom OpenCart

    developments. Should you Require any customization to your theme,

    whether it is changing themes 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 well give

    you a free, no obligation Quote.

    Contact via: [email protected]