Lexus Royal Guide


THANK YOU SO MUCH FOR BEING A VALUED THEMELEXUS CUSTOMER

Here are some basics on installing, configuring and customizing the Theme Lexus,

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 our team is available. If you are new to Opencart, please understand I cannot fix your site for free. Themelexus would love to help everyone but there is no time. I suggest reading documentation available online regarding using Opencart, server requirements, etc.

If you like this theme please rate it.

Have a wonderful rest of your day!

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

 

Before you install this theme:

1. Read the complete instruction
2. Make sure you have installed and running the correct version of OpenCart
3. It is a good practice to backup your system

We recommend to use this theme on a new, clean installation or existing shops without custom core modifications.

---------------------------------------------

How to install Lexus Theme?

1. Unzip your downloaded "lexus-xxx.zip". There are subfolders structure:

there are themes folder

Unzip the file that corresponds to your OpenCart version then open folder and upload all the files and folders to the root directory you have installed OpenCart in.

Theme activation

Goto Admin > System > settings

select store > edit

select Store tabs

 

Image size adjustment

Go to Image tab

 

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

Go to " Pavo Theme Control Panel" Module  to install data sample(applies only when installing theme)

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

goto admin > Extensions > Modules

Click edit  Pavo Theme Control Pannel


1. How to enable Quickview

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Carousel(click Edit button at the right)

Configuration like images:

2. How to enable Product Popup Image

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Carousel(click Edit button at the right)

Configuration like images:

3. Note

We have a lot of configurations in modules: customize unlimit font, live theme editor, edit unlimit colour ....

Please view configuration guide: click here

ThemeLexus includes the fantastic Megamenu in an additional module called Pav MegaMenu.The Megamenu module comes with a custom admin interface through which you can create powerfull Menu. No coding is required. Follow these steps to create a module:

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav MegaMenu (click Edit button at the right)

Please see Blog Guide or watch this video tutorial on how to install Megamenu

Video Guide

ThemeLexus includes the fantastic slidershow in an additional module called Pav Layers Sliders.The Pav Layers Sliders module comes with a custom admin interface through which you can create unlimited sliders. No coding is required. Follow these steps to create a module:

Front-end Appearance :

Back-end Settings :

goto admin > Extensions > Modules

Edit Pav Layers Sliders (click Edit button at the right)

Please see Blog Guide or watch this video tutorial on how to install Pav Layers Slider

Video Guide

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Products Tabs(click Edit button at the right)

Configuration like images:

1. Latest Blog

Front-end Appearance:

Back-end Using:

goto admin > Extensions > Modules

Edit Pav Latest Blog(click Edit button at the right) then open Latest module setting

Configuration like images:

2. Blog Page

Front-end Appearance:

Back-end Settings:

You can see Configuration : Click here

 

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Testimonial Manager(click Edit button at the right)

Configuration like images:

Front-end Appearance:

Back-end Using:

goto admin > Extensions > Modules

Edit Pav Newsletter  (click Edit button at the right) then open Frontend Modules Tab

Configuration like images:

You can watch this video tutorial on how to use Pav Newsletter Module

 

1. Showcase Position

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<div class="media-list row hidden-xs hidden-sm">
<div class="col-lg-4 col-md-4 col-sm-12"><a href="#">
<img src="image/data/banner1.png" style="height:144px;" /></a></div>

<div class="col-lg-4 col-md-4 col-sm-12"><a href="#">
<img src="image/data/banner2.png" style="height:144px;" /></a></div>

<div class="col-lg-4 col-md-4 col-sm-12"><a href="#">
<img src="image/data/banner3.png" style="height:144px;" /></a></div>
</div>

 

2. Footer Center Position

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<div class="box-static">
<ul>
    <li class="col-xs-12 col-md-6 col-sm-6 col-lg-3">
    <div class="static">
    <h3 class="title-block">Free Shipping</h3>

    <p>Lorem ipsum</p>
    </div>
    </li>
    <li class="col-xs-12 col-md-6 col-sm-6 col-lg-3">
    <div class="static support">
    <h3 class="title-block">Support</h3>

    <p>Lorem ipsum</p>
    </div>
    </li>
    <li class="col-xs-12 col-md-6 col-sm-6 col-lg-3">
    <div class="static feature">
    <h3 class="title-block">Feature</h3>

    <p>Lorem ipsum</p>
    </div>
    </li>
    <li class="col-xs-12 col-md-6 col-sm-6 col-lg-3">
    <div class="static mauris">
    <h3 class="title-block">Mauris nisi</h3>

    <p>Lorem ipsum</p>
    </div>
    </li>
</ul>
</div>

 

3. Footer Bottom

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

a. Information

<div class="box">
<ul class="list">
    <li><a href="index.php?route=information/information&amp;information_id=4">About Us</a></li>
    <li><a href="index.php?route=information/contact">Contact Us</a></li>
    <li><a href="index.php?route=information/information&amp;information_id=3">Privacy Policy</a></li>
    <li><a href="index.php?route=information/information&amp;information_id=5">Terms &amp; Conditions</a></li>
    <li><a href="index.php?route=information/information&amp;information_id=4">Cum sociis</a></li>
</ul>
</div>


b. My Account

<div class="box">
<ul class="list">
    <li><a href="index.php?route=account/account">My Account</a></li>
    <li><a href="index.php?route=account/order">Order History</a></li>
    <li><a href="index.php?route=product/special">Specials</a></li>
    <li><a href="index.php?route=account/wishlist">Wish List</a></li>
    <li><a href="index.php?route=account/newsletter">Newsletter</a></li>
</ul>
</div>


c. Contact Us

<ul class="contact">
    <li><span class="fabox button"><i class="fa fa-map-marker">&nbsp;</i></span>
      <span>Avenue of the American Independent, st. 133/2 New York City</span></li>
    <li><span class="fabox button"><i class="fa fa-mobile-phone">&nbsp;</i></span>
      <span>Phone: +01 888 (000) 1234</span></li>
    <li><span class="fabox button"><i class="fa fa-envelope-o">&nbsp;</i></span>
      <span>Email: themelexus@gmail.com</span></li>
</ul>

 

4. Column Right Position

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<div class="hidden-sm hidden-md hidden-xs" style="display: block;">
  <img alt="ipad" src="image/data/banner-sibar.jpg" title="ipad" /></div>

Thank you for reading!

We hope you can create the best website with our themes.

If you have any questions that are beyond the scope of this guide, please feel free to contact us.