Lexus Mega Shop Guide


THANK YOU FOR PURCHASING OUR THEME! Here are some basics on installing, configuring and customizing the ThemeLexus, BEFORE WE GO The theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100 hourly rate only with Paypal and/or Skrill, if PavTheme's available. If you are new to Opencart, please understand I cannot fix your site for free. PavTheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using Opencart, server requirements, etc. Thank you! PavTheme Team

The Quickstart Package consists on a complete Opencart! + Template + Various Extensions + Sample Content, excellent for beginner users to explore back-end settings and sample content. Installing the Quickstart is just like installing Opencart!, but you will have the full demo of the theme on your server. Once your environment is ready, follow this quick guide:

 

Goto Admin > System > settings

select store > edit

select Store tabs

Select Image tab

Configuration like images:

1. Please unzip package Modules and upload the folder admin,catalog ...  from the Module package to the root directory of your Opencart software using an FTP client.

2. Go to Admin > Extensions > Modules . Find and install it or uninstall

 

Module Using in Lexus Mega Shop theme

Go to "Theme control panel" Module  to install data sample(applies only when installing theme)

Click "Override" Action  or other Action to install data sample

PAV Theme Control Pannel

goto admin > Extensions > Modules

edit Theme Control Pannel

Tab Modules- Layouts

Pav MegaMenu

(reference: http://www.pavothemes.com/guides/pav_megamenu/)

Video guide

Watch this video tutorial on how to install MegaMenu

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav MegaMenu (click Edit button at the right)

Configuration like images:

a.  Manage Mega Menu Items

 

b.  Manage Widgets

+  Create Widgets:

Click on the button "create widget":

+  Live Mega Menu Editor

-  Add Row

-  Add Column

+  Results

Pav Verticalmenu Slider

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Verticalmenu (click Edit button at the right)

Configuration like images:

a.  Manage Mega Menu Items

b.  Manage Widgets

+  Create Widgets:

Click on the button "create widget":

 

+  Live Mega Menu Editor

 

-  Add Row

-  Add Column

+  Results

Category

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Category (click Edit button at the right)

Configuration like images:

Pav Deals

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Deals (click Edit button at the right)

Configuration like images:

Page Deals > Click Menu Deals on Mega Menu

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Deals (click Edit button at the right)

Configuration like images:

(reference: http://www.pavothemes.com/guides/pavblog/)

1. Pav Blog Lastest Module

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Blog Lastest Module (click Edit button at the right)

Configuration like images:

 

2. Pav Blog Category Module

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Blog Category Module (click Edit button at the right)

Configuration like images:

3. Pav Blog Lastest Comment Module

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Blog Lastest Comment Module (click Edit button at the right)

Configuration like images:

Pav Custom Module

Position: Promotion

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Custom Module (click Edit button at the right)

Choose module Banner Mass Bottom

Configuration like images:

Source

<ul class="custom">
    <li><i class="icon-best-price">&nbsp;</i>
        <h3>Best price</h3>
        <p>Lorem Ipsum roin gra nibh vel velit</p>
    </li>
    <li><i class="icon-clock-5">&nbsp;</i>
        <h3>Ontime delivery</h3>
        <p>Aenean sollicitudin lorem quis bibendum</p>
    </li>
    <li><i class="icon-payment">&nbsp;</i>
        <h3>Secure payment</h3>
        <p>Duis sed odio sit amet nibh vulputate</p>
    </li>
    <li class="hidden-sm hidden-md"><i class="icon-shipping">&nbsp;</i>
        <h3>Free shipping</h3>
        <p>Lorem Ipsum roin gra nibh vel velit</p>
    </li>
</ul>

1. Header Position > Top Bar

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pavo Theme Control Panel (click Edit button at the right)

Select tab Internal Modules

Select Topbar

Configuration like images:

Source

<ul class="links hidden-xs hidden-sm hidden-md">
    <li><i class="icon-headphones">&nbsp;</i> support 24/7: <b> 012 - 345 - 678</b></li>
    <li><i class="icon-skype">&nbsp;</i> skype: <b>megashop_support</b></li>
</ul>

 

2. Footer  Position

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pavo Theme Control Panel (click Edit button at the right)

Select tab Internal Modules

Select Footer

Configuration like images:

 

a. Contact Module

Source

<ul class="contact-us">
    <li><i class="icon-compass">&nbsp;</i>123 Street name, California USA</li>
    <li><i class="icon-mobile-phone">&nbsp;</i>+ (00) 123 456 789</li>
    <li><i class="icon-print">&nbsp;</i>+ (00) 123 456 789</li>
    <li><i class="icon-envelope">&nbsp;</i> <a href="mailto:contact@lexusmegashop.com">contact@lexusmegashop.com</a></li>
</ul>
<ul class="links social">
    <li><a class="icon-facebook" href="http://www.facebook.com/" title="Facebook">&nbsp;</a>Facebook</li>
    <li><a class="icon-google-plus" href="https://plus.google.com/" title="Google">&nbsp;</a>Google</li>
    <li><a class="icon-twitter" href="https://twitter.com/" title="Twitter">&nbsp;</a>Twitter</li>
    <li><a class="icon-dribbble" href="http://dribbble.com/" title="dribbble">&nbsp;</a>dribbble</li>
    <li><a class="icon-youtube" href="http://www.youtube.com/" title="Youtube">&nbsp;</a>Youtube</li>
</ul>


b. About Us and Newsletter Module

Source

<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum</p>
<p><a class="link-more" href="index.php?route=information/information&amp;information_id=4" title=""><i class="icon-expand-alt">&nbsp;</i> <span>view more</span> </a></p>
<div class="has-highlight"><label class="control-label" for="email">Newsletter</label>
<div class="input-group">
    <span class="input-group-addon"><i class="icon-envelope">&nbsp;</i> </span> <input class="form-control" placeholder="email" type="text" /> <span class="input-group-addon"><button class="btn btn-default" type="button"><i class="icon-angle-right">&nbsp;</i></button> </span></div>
</div>

Pav Content Slider Module

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Content Slider (click Edit button at the right)

Configuration like images: