Pav Digital Store 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:

 

Goto Admin > System > settings

select store > edit

select Store tabs

 

Config image: choose Image tab then set size of each 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 Pav_DigitalStore 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 all data samples

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 Module (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 Product Carousel(click Edit button at the right)

Configuration like images:

Front-end Appearance:

1. Blog page items

2. Blog Category

3. Latest Comments

Back-end Settings:

You can see full Configuration by Click here

 

1. Mass Bottom Position

a. Banner Home page

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 ">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="media gray"><a class="pull-right" href="#">
  <img class="media-object" src="image/data/banner4.png" /> </a>
<div class="media-body">
<h3 class="media-heading text-primary-theme">Ipad in education</h3>
<p>Nulla vel metus scelerisque ante sollicitudin commodo sit amet nibh libero itudin commodoturpis</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="media gray"><a class="pull-right" href="#">
  <img class="media-object" src="image/data/banner4.png" /> </a>
<div class="media-body">
<h3 class="media-heading">MacBook Pro</h3>
<p>Nulla vel metus scelerisque ante sollicitudin commodo sit amet nibh libero itudin commodoturpis</p>
</div>
</div>
</div>
</div>

b. List Order

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">
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="media red"><a class="pull-left" href="#">
  <img class="media-object" src="image/data/icon-free.png" /> </a>
<div class="media-body">
<h4 class="media-heading">Free Shipping</h4>
<p>Nulla vel metus scelerisque ante sollicitudin commodo</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="media green">
  <a class="pull-left" href="#">
<img class="media-object" src="image/data/icon-money.png" /> </a>
<div class="media-body">
<h4 class="media-heading">Money back</h4>
<p>Cras purus odio, in tempus viverra turpis.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="media blue"><a class="pull-left" href="#">
<img class="media-object" src="image/data/icon-discounts.png" /> </a>
<div class="media-body">
<h4 class="media-heading">Discounts</h4>
<p>Cras sit amet nibh libero itudin commodoturpis.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12">
<div class="media dark"><a class="pull-left" href="#">
<img class="media-object" src="image/data/icon-support.png" /> </a>
<div class="media-body">
<h4 class="media-heading">Support</h4>
<p>Cras sit amet nibh libero, in viverra turpis.</p>
</div>
</div>
</div>
</div>

c. Banner All page

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<p>
<img alt="" src="image/data/banner-mass-bottom.jpg" style="border-radius: 5px;" />
</p>

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

<p>
  <a href="#" title=""><i class="fa fa-pinterest"></i>Pinterest</a>
  <a href="#" title=""><i class="fa fa-facebook"></i>Facebook</a>
  <a href="#" title=""><i class="fa fa-google-plus"></i>Google+</a>
  <a href="#" title=""><i class="fa fa-twitter"></i>Twitter</a>
  <a href="#" title=""><i class="fa fa-youtube"></i>Youtube</a>
</p>

3. Footer Center Position

a. Customer Service

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<ul class="list">
    <li><a href="index.php?route=information/contact">Contact Us</a></li>
    <li><a href="index.php?route=account/return/insert">Returns</a></li>
    <li><a href="index.php?route=information/sitemap">Site Map</a></li>
    <li><a href="index.php?route=product/manufacturer">Brands</a></li>
    <li><a href="index.php?route=account/voucher">Gift Vouchers</a></li>
</ul>

b. My Account

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<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=account/wishlist">Wish List</a></li>
    <li><a href="index.php?route=account/newsletter">Newsletter</a></li>
    <li><a href="index.php?route=product/special">Specials</a></li>
</ul>

c. Contact Us

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

Source

<p>If your question is not answered there, please use one of the contact methods below.</p>
<ul>
    <li><span class="fa fa-map-marker">&nbsp;</span>Proin gravida, velit auctor aliquet</li>
    <li><span class="fa fa-mobile-phone">&nbsp;</span>Phone: +01 888 (000) 1234</li>
    <li><span class="fa fa-envelope">&nbsp;</span>Email: pavdigitaltore@gmail.com</li>
</ul>

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

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.