Pav FoodStore 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. 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 Pav_Bestbuy 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 Layers Slider

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Configuration like images:

1. Slider Group Create New

2. Slider Group Edit

3. Manages Sliders

a. Create and edit Sliders:

b. Export Group And Sliders

C. Import file Sliders

Category

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Category (click Edit button at the right)

Configuration like images:

Specials

Front-end Appearance:

 

Back-end Settings:

goto admin > Extensions > Modules

Edit Specials (click Edit button at the right)

Configuration like images:

Information

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Information (click Edit button at the right)

Configuration like images:


 

Pav Blog Module

(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 My Twitter

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

Edit Pav My Twitter (click Edit button at the right)

Configuration like images:

 

Pav Custom Module

1. Banner Mass Bottom

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

<div class="media-list row ">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="media"><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">Chicken</h3>

<p>Nulla vel metus scelerisque ante sollicitudin commodo</p>
</div>
</div>
</div>

<div class="col-lg-4 col-md-4 col-sm-12">
<div class="media"><a class="pull-right" href="#"><img class="media-object" src="image/data/banner5.png" /> </a>

<div class="media-body">
<h3 class="media-heading text-danger-theme">Soda-Burger</h3>

<p>Nulla vel metus scelerisque ante sollicitudin commodo</p>
</div>
</div>
</div>

<div class="col-lg-4 col-md-4 col-sm-12">
<div class="media"><a class="pull-right" href="#"><img class="media-object" src="image/data/banner6.png" /> </a>

<div class="media-body">
<h3 class="media-heading">Breakfast</h3>

<p>Nulla vel metus scelerisque ante sollicitudin commodo</p>
</div>
</div>
</div>
</div>

2. Banner Content Top

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Choose module Banner Content Top

Configuration like images:

Source

<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"><img src="image/data/banner1.jpg" /></div>

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"><img src="image/data/banner2.jpg" /></div>
</div>


3. About us

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Choose module About us

Configuration like images:

Source

<div class="about-us">
<p><img src="image/data/banner1.jpg" /></p>

<p>Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat sociosqu ad litora dolorem ipsum quia dolor sit amet, consectetur feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque.</p>
</div>

<div class="social">
<ul>
    <li><a class="iconbox pinterest" data-original-title="pinterest" data-placement="top" data-toggle="tooltip" href="#" title=""><i class="icon-pinterest">&nbsp;</i></a></li>
    <li><a class="iconbox facebook" data-original-title="facebook" data-placement="top" data-toggle="tooltip" href="#" title=""><i class="icon-facebook">&nbsp;</i></a></li>
    <li><a class="iconbox google-plus" data-original-title="google-plus" data-placement="top" data-toggle="tooltip" href="#" title=""><i class="icon-google-plus">&nbsp;</i></a></li>
    <li><a class="iconbox twitter" data-original-title="twitter" data-placement="top" data-toggle="tooltip" href="#" title=""><i class="icon-twitter">&nbsp;</i></a></li>
</ul>
</div>

4. List Order

Front-end Appearance:

Back-end Settings:

goto admin > Extensions > Modules

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

Choose module List Order

Configuration like images:

Source

<ul class="media-list">
    <li class="media"><a class="pull-left" href="#"><img class="media-object" src="image/data/icon-menu.png" /> </a>
    <div class="media-body">
    <h4 class="media-heading">Our Menu</h4>

    <p>Nulla vel metus scelerisque ante sollicitudin commodo</p>
    </div>
    </li>
    <li class="media"><a class="pull-left" href="#"><img class="media-object" src="image/data/icon-wines.png" /> </a>
    <div class="media-body">
    <h4 class="media-heading">Our Wines</h4>

    <p>Cras purus odio, vestibulum in tempus viverra turpis.</p>
    </div>
    </li>
    <li class="media"><a class="pull-left" href="#"><img class="media-object" src="image/data/icon-team.png" /> </a>
    <div class="media-body">
    <h4 class="media-heading">Meet the Team</h4>

    <p>Cras sit amet nibh libero itudin commodoturpis.</p>
    </div>
    </li>
    <li class="media"><a class="pull-left" href="#"><img class="media-object" src="image/data/icon-find.png" /> </a>
    <div class="media-body">
    <h4 class="media-heading">Where to find us</h4>

    <p>Cras sit amet nibh libero, in viverra turpis.</p>
    </div>
    </li>
</ul>

 

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

Configuration like images:

Source

<div class="box-services"><span class="btn-info iconbox pull-left"><i class="icon-truck">&nbsp;</i></span>
<div class="media-body">
<h4>FREE DELIVERY</h4>
<small>on order over $7.00</small></div>
</div>
<div class="box-services"><span class="iconbox pull-left"><i class="icon-phone">&nbsp;</i></span>
<div class="media-body">
<h4>CALL TOLL FREE</h4>
<small>1800 - 123 - COFFEEIS</small></div>
</div>

 

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>
    <li><span class="iconbox"><i class="icon-map-marker">&nbsp;</i></span><span>Proin gravida nibh vel velit auctor aliquet aene</span></li>
    <li><span class="iconbox"><i class="icon-mobile-phone">&nbsp;</i></span><span>Phone: +01 888 (000) 1234</span></li>
    <li><span class="iconbox"><i class="icon-envelope-alt">&nbsp;</i></span><span>Email: pavfoodstore@gmail.com</span></li>
</ul>

b. Newsletter Module

Source

<p>Make sure you dont miss interesting happenings by joining our newsletter program. We dont do spam. Ever. Because that sucks.</p>

<div class="navbar-form navbar-left">
<div class="form-group"><input alt="username" class="inputbox form-control" name="email" size="25" type="text" value="Type your email" /></div>
<button class="btn btn-theme-primary" type="submit">Send</button></div>

c. Paypal Module

Source

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