Pav Plaza Guide

Created: 03/01/2013
latest Update: 05/15/2013

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

Install Quickstart

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:

Localhost only: create a new folder in the htdocs folder for Xampp (www folder for Wamp). Example: mywebsite
Unpack all files and folders of the Template Package file and open the Quickstart folder.
Copy the content (all files and folders) of the Quickstart folder into this newly created folder (htdocs folder for Xampp / www folder for Wamp) or upload them into your sub-domain folder on your live site.
Open your favorite browser and type in the address bar localhost/mywebsite for localhost or sub-domain.my-live-site.com for your live site sub-domain, then hit Enter.
Watch this video tutorial on how to install Opencart

Install Module

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

Account

Carousel

Categogy

Pav blog category module

Pav blog latest module

Pav content slider

Pav custom module

Pav product carousel

Specials

Theme control pannel

install data sample

Go to "Theme control panel" Module to install data sample

Click "Override" Action or "install sample" Action ... to install data sample

Config theme

Goto Admin > System > settings

select store > edit

select Store tabs

Config image

Install module Theme Control panel and using install sample config for store

or Configuration like images

Theme control Panel

PAV Theme Control Pannel

goto admin > Extensions > Modules

edit Theme Control Pannel

Tab Modules- Layouts

Tab Genaral

Internal Modules - data sample ready

source

<div class="item first">
<div class="payment">
<h3>secured payment</h3>

<p>Proin gravida nibh vel</p>
</div>
</div>

<div class="item col">
<div class="return">
<h3>free return</h3>

<p>Aenean solltudin lorem</p>
</div>
</div>

<div class="item last">
<div class="shipping">
<h3>free shipping</h3>

<p>Quis bibendum auctor</p>
</div>
</div>

layout

Note

All data modules have data sample . Please use install data sample in theme control panel instead of manually install

Megamenu Module

Pav Megamenu Module

preview

goto admin > Extensions > Modules

Edit Pav Megamenu

Configuration like images

Content slider module

Pav Content Slider

preview

goto admin > Extensions > Modules

Edit Pav Content Slider

Configuration like images

souce demo

<p class="hidden-phone">Nam nec tellus a odio tincidunt auctor a ornare odio. Sed numa non&nbsp; mauris vitae erat cons auctor eu in elit.</p>
<div class="price">$899.00</div>
<div class="cart"><input class="button" onclick="addToCart('46');" type="button" value="Add to Cart" /></div>

Product Carousel module

Pav Product Carousel

preview

goto admin > Extensions > Modules

install and edit Pav Product Carousel

Configuration like images

and

Save

Pav Products - Category Block Module

Pav Products - Category Block Module

preview

goto admin > Extensions > Modules

install and edit Pav Products - Category Block

Configuration like images

Category Module

preview

install and edit category Module

Configuration like images :

Facebook Module

Pav Facebook Carousel

preview

install and edit Pav Facebook Module

Configuration like images :

Latest Module

preview

install and edit Latest Module

Configuration like images :

Custom Module

install and edit Pav Custom Module

Add module

1. Content

preview

Configuration like images

<div class="advertising advcontent">
  <div class="wrap-adv" style="width:50%">
  <a href="#">
    <img alt="" src="image/data/advcontent1.png" />
  </a>
  </div>

  <div class="wrap-adv" style="width:50%">
  <a href="#">
    <img alt="" src="image/data/advcontent2.png" />
  </a>
  </div>
</div>

2. Right

preview

Configuration like images

<div class="adv">
  <a href="#">
    <img alt="" src="image/data/advright1.jpg" />
  </a>
  <a href="#">
    <img alt="" src="image/data/advright2.jpg" />
  </a>
</div>

3. Footer Center

preview

Configuration like images

Source

<div class="row-fluid">
<div class="column span3 information">
<h3>Information</h3>

<div class="content">
<p>Odio dignissimo ducimus qui blanditiis pra esentium voluptatum deleniti atque corrupti quos</p>

<p class="address">123 Me Tri, Ha Noi, Viet Nam</p>

<p class="phone">844 - 12234567 / 844 - 5656473</p>

<p class="email">support@leoplaza.com</p>
</div>
</div>

<div class="column span2 services">
<h3>Service</h3>

<div class="content">
<ul>
    <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>
</ul>
</div>
</div>

<div class="column span2 account">
<h3>Your Account</h3>

<div class="content">
<ul>
    <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>
</ul>
</div>
</div>

<div class="column span2 social">
<h3>find us on</h3>

<div class="content">
<ul>
    <li><a class="facebook" href="#">Facebook</a></li>
    <li><a class="twitter" href="#">Twitter</a></li>
    <li><a class="google" href="#">Google +</a></li>
    <li><a class="youtube" href="#">Youtube</a></li>
</ul>
</div>
</div>

<div class="column span3 letter">
<h3>Newsletter</h3>

<div class="content">
<p>Ducimus qui blanditiis pra esenti voluptatum deleniti atque corru pti quos</p>
<input class="email" name="email" placeholder="email" type="text" value="" /> <input class="button" type="button" value="Send" /></div>
</div>
</div>

Carousel

install and edit Carousel

Preview

Configuration like images