Pav Wine Guide


THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the PavoThemes,

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. PavoThemes 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!

PavoThemes 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 Pav Theme?

1. Unzip your downloaded "pav-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, you can set image and logo of your site in there.

 

1. Please unzip package Modules and upload all  folders exaple admin,catalog ...  from each modules of the Module package to the root directory of your Opencart software using an FTP client or cpanel of your host.

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

 

Module Using in Pav_Wine 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

edit  Pavo Theme Control Pannel

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

Please view configuration guide: click here

Pavothemes 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

Pavothemes 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

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Twitter(click Edit button at the right)

Configuration like images:

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="row">
<div class="col-lg-4 col-md-4 hidden-sm hidden-xs">
  <img alt="" src="image/data/banner/banner1.jpg" /></div>

<div class="col-lg-4 col-md-4 hidden-sm hidden-xs">
  <img alt="" src="image/data/banner/banner2.jpg" /></div>

<div class="col-lg-4 col-md-4 hidden-sm hidden-xs">
  <img alt="" src="image/data/banner/banner3.jpg" /></div>
</div>

 

2. Promotion 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 clearfix">
<div class="wapper-left hidden-sm hidden-xs">
<div class="media free">
<div class="media-content"><a class="pull-left" href="#">
  <img alt="" class="media-object" src="image/data/icon-free.png" /> </a>
<div class="media-body">
<h4 class="media-heading">Free Shipping</h4>

<p>On order over $99.00</p>
</div>
</div>
</div>
</div>

<div class="wapper-center hidden-sm hidden-xs">
<div class="media Discount">
<div class="media-content"><a class="pull-left" href="#">
  <img alt="" class="media-object" src="image/data/icon-discounts.png" /> </a>

<div class="media-body">
<h4 class="media-heading">Discount on Orders</h4>

<p>Tellus aodio consequat odio sed.</p>
</div>
</div>
</div>
</div>

<div class="wapper-right hidden-sm hidden-xs">
<div class="media need">
<div class="media-content"><a class="pull-left" href="#">
  <img alt="" class="media-object" src="image/data/icon-need.png" /> </a>

<div class="media-body">
<h4 class="media-heading">Need on Help</h4>

<p>On order over $88.00</p>
</div>
</div>
</div>
</div>
</div>

 

3. Mass Bottom 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="custom call_us">
<div class="media-body">
<h4 class="box-heading small-font">call us:</h4>

<p>(+99) 987 654 321</p>
</div>
<a class="text-right" href="#" title=""><i class="fa fa-phone">&nbsp;</i></a></div>

 

4. Footer Top 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-content">
<p>This is Photoshop's version of Lorem Ipsum.
  Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum<br />
Sed non mauris vitae erat consequat auctor massa nisl quis neque.</p>

<ul class="social">
    <li><a class="facebook" href="http://facebook.com">
      <i class="fa fa-facebook"><span>Facebook</span></i></a></li>
    <li><a class="twitter" href="http://twitter.com">
      <i class="fa fa-twitter"><span>Twitter</span></i></a></li>
    <li><a class="vimeo" href="#">
      <i class="fa fa-vimeo-square"><span>fa-vimeo-square</span></i></a></li>
    <li><a class="google" href="https://plus.google.com">
      <i class="fa fa-google-plus"><span>Google Plus</span></i></a></li>
    <li><a class="pinterest" href="#">
      <i class="fa fa-pinterest"><span>pinterest</span></i></a></li>
    <li><a class="skype" href="#">
      <i class="fa fa-skype"><span>Skype</span></i></a></li>
    <li><a class="square" href="#">
      <i class="fa fa-rss-square"><span>fa-rss-square</span></i></a></li>
</ul>
</div>

 

5. 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:

a. Contact Us

Source

<p>If your question is not answeredcontact methods below.</p>

<ul>
    <li><span class="fa fa-map-marker">&nbsp;</span>12345 Street name, California, USA</li>
    <li><span class="fa fa-mobile-phone">&nbsp;</span><a href="#">(+99) 0123 456 789</a></li>
    <li><span class="fa fa-envelope">&nbsp;</span><a href="#">Email: info@brainos.vn</a></li>
</ul>


b. Information

Source

<ul class="list">
    <li><a href="#">Browse Portfolio</a></li>
    <li><a href="#">Find a Retailer</a></li>
    <li><a href="#">Download Product Fact Sheets</a></li>
    <li><a href="#">Browse Tasting Notes</a></li>
    <li><a href="#">Browse Points of Distinction</a></li>
</ul>


c. My Account

Source

<ul class="list">
    <li><a href="#">Grape Glossary</a></li>
    <li><a href="#">Food Pairing &amp; Servings Tips</a></li>
    <li><a href="#">Mixology</a></li>
    <li><a href="#">Education Video Gallery</a></li>
    <li><a href="#">Ask the Expert</a></li>
</ul>


6. Footer Bottom 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 style="text-align: center;"><img alt="" src="image/data/banner/banner-footer.jpg" /></div>


1. Latest Blog

Front-end Appearance:

Back-end Setting:

goto admin > Extensions > Modules

Edit Pav Latest Blog(click Edit button at the right) 

Configuration like images:

2. Blog Page

Front-end Appearance:

Back-end Settings:

You can see Configuration : Click here

 

Front-end Appearance:

Back-end Setting:

goto admin > Extensions > Modules

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

Configuration like images:

Thank you for reading!

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

Follow us on twitter or join my facebook page to get noticed about all theme or modules updates and news!

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