Pav Cosmetics 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. Images will be auto resize with your setting.

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_Cosmetics theme. Please click install them

Go to "Pavo 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

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. 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="hidden-xs">
<div class="col-sm-3 image"><a href="index.php?route=product/category&amp;path=20">
  <img alt="" src="image/data/banner7.png" /></a></div>

<div class="col-sm-6 image"><a href="index.php?route=product/category&amp;path=18">
  <img alt="" src="image/data/banner8.png" /></a></div>

<div class="col-sm-3 image"><a href="index.php?route=product/category&amp;path=17">
  <img alt="" src="image/data/banner9.png" /></a></div>
</div>
</div>

2. Content Top

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="hidden-xs">
<div class="col-sm-6 image"><a href="index.php?route=product/category&amp;path=17">
  <img alt="" src="image/data/banner11.png" /></a></div>

<div class="col-sm-6 image"><a href="index.php?route=product/category&amp;path=17">
  <img alt="" src="image/data/banner10.png" /></a></div>
</div>
</div>

3. Content Bottom

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>

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:

a. Contact info

Source

<ul>
    <li><span class="iconbox"><i class="icon-map-marker">
      </i></span><span>Proin gravida nibh vel velit auctor</span></li>
    <li><span class="iconbox"><i class="icon-mobile-phone">
      </i></span><span>Phone: +01 888 (000) 1234</span></li>
    <li><span class="iconbox"><i class="icon-envelope-alt">
      </i></span><span>Email: pavcosmetics@gmail.com</span></li>
</ul>

b. Newsletter

Source

<p>Make sure you dont miss interesting happenings by joining our newsletter program</p>

<div class="form-group">
  <input alt="username" class="inputbox form-control" name="email" size="25" type="text" value="Type your email" />
<p><button class="btn btn-theme-primary pull-right" type="submit">SUBSCRIBE&nbsp;&nbsp;→</button></p>
</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:

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.