Pav Mobile Guide


THANK YOU FOR PURCHASING OUR THEME!

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

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.

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

If you like this theme please rate it.

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

 

Config image

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_Mobile 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

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

1. Tablet Category

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav CategoryTabs(click Edit button at the right)

Configuration like images:

2. Mobile Phone Category

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav Category Tabs(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="box-banner">
  <img src="image/data/banner1.png" style="padding-bottom: 18px;" />
  <img src="image/data/banner2.png" />
</div>

2. Slideshow 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-banner">
  <img src="image/data/banner1.png" style="padding-bottom: 18px;" />
  <img src="image/data/banner2.png" />
</div>

3.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 class="social pull-right">
<p class="title-social">Get social :</p>

<div class="links pull-right">
<ul>
    <li><a href="#"><span class="fa fa-facebook"><span>Facebook</span></span></a></li>
    <li><a href="#"><span class="fa fa-google-plus"><span>Google Plus</span></span></a></li>
    <li><a href="#"><span class="fa fa-twitter"><span>Twitter</span></span></a></li>
    <li><a href="#"><span class="fa fa-pinterest"><span>Printerest</span></span></a></li>
    <li><a href="#"><span class="fa fa-linkedin"><span>Youtube</span></span></a></li>
</ul>
</div>
</div>

4. Content Top Position

a. Advertise

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 class="hidden-xs hidden-sm" src="image/data/ads.png" /></p>

b. Banner

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-sm-6"><img src="image/data/banner5.png" /></div>

<div class="col-lg-6 col-sm-6"><img src="image/data/banner6.png" /></div>
</div>


5. Column Left 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="display: block;">
  <img alt="ipad" src="image/data/banner-ipad.jpg" title="ipad" />
</div>

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. Header Position

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pavo Theme Control Panel  (click Edit button at the right) then choose tab Internal Modules

Configuration like images:

Source

<div class="box-services">
<div class="media-body">
<h4>Support</h4>
<span>0213456789</span></div>
</div>

 

2. Banner Top

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pavo Theme Control Panel  (click Edit button at the right) then choose tab Internal Modules

Configuration like images:

Source

<div class="box box-bannertop hidden-xs hidden-sm">
  <img src="image/data/banner.png" />
</div>

 

3. Footer

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pavo Theme Control Panel  (click Edit button at the right) then choose tab Internal Modules

Configuration like images:

Source

<div class="box-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit phasellus et lacus ac turpis euismod elementum a sit amet est nulla tincidunt purus</p>
<ul>
    <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, NYUnited States</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: pavmobile@gmail.com</span></li>
</ul>
</div>

<p><img alt="Paypal Method" src="image/data/paypal.png" /></p>

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!