Pav Celo Documentation

Firstly, we would like to thank you for purchasing Pav Celo and chosen it for your website. We outline all kinds of good information, and provide you with all the details you need to use Pav Celo.

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is submitting a ticket via our Support Ticket system.

Opencart 3.x and Professional Layouts Builder

Pav Opencart is native with OpenCart 3.x, the latest version of OpenCart and it's powered with the best Opencart page builder, you can check out the video tutorial HERE →

Here are some significant changes in new Pavo Framework of Opencart3.x

  • Header, Footer and Homepage are built in Page Builder
  • Pavothemer framework with many good features
  • Installing the theme and modules with Opencart's Installer
  • Import/Export sample automatically from Server

Pavo Celo OpenCart theme Overview

Pav Celo is a responsive OpenCart theme for Shopping, Fashion, and Beauty. The OpenCart theme is developed with Pavo Framework version 6, SASS - Syntactically Awesome Style Sheets, it integrates Bootstrap 3, Font Awesome, supports HTML5 and CSS3. Pav Celo menu system is powerful with MegaMenu and Off-canvas.

The theme also supports many modules that will help you save time and money to build a full functionality E-commerce website.

  • Pavo Themer
  • Pavo Builder
  • Pavo Header
  • Pavo Blog
  • Pavo Layered Navigation
  • Pavo Quick View
  • Pavo Store Locator
  • Pav MegaMenu
  • Pav Cat Featured
  • Pav Vertical Menu
  • Pav Custom Blog
  • Pav Slider Layer
  • Pav Newsletter
  • Pav Store Locator
  • Pav Tabs Rroduct Carousel
  • Pav Testimonial Manager

You can have a complete E-commerce website in some simple steps with our sample data package included when you install the theme.

The instruction is to help you with installation of the Pav Celo.

Download packages

To download Pav Celo, please check it out at:

Once the download is complete, unzip the file and you would see the following packages:

  • Guides - our detail documentation for the theme.
  • Quickstart package - for quickstart installation.
  • Theme folder - manual installation via Opencart's Installer.
  • Modules - all modules used in the theme which are installed via Opencart's Installer.
  • Licensing - the theme license is important to activate sample data and Pavothemer settings.

System Requirements

OpenCart requires certain technical requirements to be met for the store to operate properly. First, a web server must be created to make the OpenCart store publicly available on the web. Domain names and hosting services can easily be purchased for an affordable price.

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

  • Web Server (Apache suggested)
  • PHP (at least 5.4)
  • Curl enabled
  • Database (MySQLi suggested)

Quickstart Installation

The Quickstart Package includes Opencart core, Pav Celo theme, Extensions supported for the theme, and Sample data. Quickstart is the best choice for beginner to explore back-end settings and for new site building. Installing the Quickstart steps is just like Opencart installation, after the step, you will have a site that is exactly the same as our demo site.

Installing in Localhost or installing on your hosting is almost the same. Here is the quick guide to install Quickstart in localhost.

  • Step 1 - Create a folder in htdocs folder for Xampp, www folder for Wamp
  • Step 2 - Unpack the Quickstart package then copy all the files and folders to the new created folder.
  • Step 3 - Create database: You can create a database in your hosting provider's control panel, for example cPanel. It may also be possible to do so in phpMyAdmin. Remember to take note of the details that you use as you'll need them for the next step.
  • Step 4 - Auto - installer: The final step is to run the auto-installer. Open your favourite web browser and add “/install” to the end of your site's website address. When doing this you should see with the following page:

The 4 steps in the auto-installer wizard.

  • Accept License: Click “Continue” after reading the GNU licence.

  • Pre-Installation: The pre-installation page checks that your server meets the minimum requirements. If there are any issues then you may need to contact your hosting provider. Assuming that everything is okay, click the “Continue” button.

  • Configuration: In section one, enter the database details that you used in step 3 and in section two enter your desired admin username, password and email address. Once all of the information is entered, click the “Continue” button.

  • Finished: That's it! Now delete or rename the installation directory and you're DONE.

Manual Installation

Before you install this theme:

  1. Read our complete instruction to install theme
  2. Make sure you have installed and running the correct version of OpenCart: OpenCart 3.x
  3. Take a FULL BACKUP for your site

We recommend to use this theme on a new, clean installation shops without custom core modifications.

Steps to install Pav Celo Theme manually:

Step 1 - Upload the theme package via OpenCart's Installer

After unzip the download package - pav_celo_full.zip, please go to Admin -> Extensions -> Installer to upload the theme package - pav_celo_theme.ocmod.zip to your OpenCart site.

Step 2 - Go to Extensions -> Extensions -> Themes to install the theme which you have uploaded.

Then click on Edit button:

And enable the theme

Step 3 - Go to System -> Settings, click on Edit button to edit your store

In General tab: Select template for theme.

In Server tab: Enter the Encryption Key

Step 4 - Go to Extensions -> Modifications to refresh, all changes will be accepted on your site.

Step 5 - Navigate to Pavothemer -> Tools then click on Install button

In here, you can select Start install or Mass install for your site.

Finally, go to Front-end to see your site.

Supported themes/layouts

Pav Celo is a OpenCart theme. It supports 1 themes/layouts.

Home theme/layout

Activate Theme

Once the theme is uploaded, access your admin panel, navigate to: Admin > Extensions > Themes. Next, select Edit button.

And set Pav Celo General section as your default store.

In here, you can configure the image size for category, product thumbnail, product popup, etc that fit your layout best

Image Size Adjustment

Please navigate to: Admin > PavoThemer > Theme Setting

To configure the logo and favicon for theme, please navigate to: Admin > System > Settings and select Edit button.

Select Image tab and set store logo and icon for theme.

Pav Celo supports PavoThemer module that allows you to manage your theme and customize your theme easily based on tons of options built in such as Custom Font, Layout management, compression, etc.

From your OpenCart site admin panel, go to Admin > PavoThemer, open the setting panel of General > Global.

General

In the General setting, you can see a lot of settings. The screenshot below is based on our Demo site.

Here are the main things that you can do with the General setting panel.

  • Select Skin for your site: Default skin.
  • Select Header Block Builder for your site: Choose header for theme: Header version 1, Header version 2, Header version 3.
  • Select Footer Block Builder for your site: Choose Block Builder for theme.
  • Using Keep Header Sticky option yes or not.
  • Google Map API Key
  • Category Layout and Product Layout, Product Detail Image Zoom Style : Depend on page type, there are different settings. Select the page you want to edit then change the page setting using the available parameters.
  • Offcanvas menu: Choose Category or Megamenu, which will be displayed in Offcanvas menu on Small Screen and Medium Screen

Advanced

You can add CSS rules and JS to customize for your site. The CSS rules and JS added in the panel will have highest priority so it will override the styles in your CSS files.

Customize Skin

You can add skin rules to customize for your site. The skin rules added in the panel will have highest priority so it will override the styles in your skin files.

Tools

1: Install Live Sample Demo

Below data samples are loaded direct from our live server, new skin and sample will automatic show here. It take more time to get and install sample on your side.

2: Import & Export

This tool using to create a backup data, setting of modules, and query some modules. Please backup all data before using this tool: System > Maintenance > Backup/Restore

Management

This is amazed feature in our product. The feature is to buy your Themes Available and Modules Available

Block Builder

To Set Profile builder for home page, you come to Design => Layout => Edit Home and then select exptected project

The module configuration is based on Default demo site, if you use the other layout, the module configuration is expected to be the same.

Pav Celo supports a lot of Pav modules that help you build a full Ecommerce functionality and help with content building for your site easier. Here is the instruction to use the extension the way they are used in Pav Celo demo site.

Pav MegaMenu module

Pav MegaMenu module helps you create MegaMenu menu for your Opencart site. The visual configuration panel allows you to see the structure of the menu in front-page. What you change is what you see.

To configure MegaMenu, please go to: Extensions > Modules, find the Pav MegaMenu module then hit the "Edit" button. There are 2 main sections in the panel: the Menu management system and MegaMenu configuration panel.

Menu management system

The Menu management system allows you to:

  • Create a new megamenu: Fill in enough necessary information for your menu such as name, title, description... Remember to Save it before logging out.
  • Edit any menu item: Click on edit icon of the menu item you want to edit, then edit the settings of the menu item in the right panel.
  • Change menu item's position: Drag and drop the menu item to change its position, after changing the order of menu items, please hit the Update Order, the saving option in the panel does not save the order change of menu item.

Block megamenu

To create Block megamenu builder

The widgets and modules are used to assign to MegaMenu. You can create as many widgets and modules as you expect.

You can create a new submenu for any widgets and modules by choose "Sub Menu Type"

In the configuration panel, you can:

  • Create sub-menu for any menu item, assign widget and modules for the sub-menu and configure size of the sub-menu block.
  • Add row, column inside created sub-menu block.
  • Add class to style for column, row in sub-menu.
  • Align sub-menu block: left, right, center

Pavo Builder module

Pavo Builder module is to help you build Homepage layout for your site the ways you want. In short, each layout is built up from blocks, each block contains columns, you can resize the columns and assign widgets to the columns. Each block, column, widget has its own setting to make sure you can build any layout you want.

To configure the module, please go to: Extensions > Modules, find the Pavo Builder module then hit the "Edit" button to go to its setting panel.

Layout Settings

Pav Celo supports a lot of layouts, you can configure, customize any layout you want easily with the visual layout configuration. You can move a position to any place in the layout, assign any module to a position, etc.

1. PavoBuilder (Default)

Quickly edit a module

Hit the Edit icon in the module loaded in the layout and you can edit settings of the module in a popup.

Changing position to any place in the layout

You can move a module to any position inside the layout panel, there are some hard fixed positions, blocks that you can not move such as Header, Footer.

Edit the width of the module for each position

For each module, you can edit the width of the module by dragging and dropping it..

Widget management system

A new point in our framework is used for more widgets instead of using module as before to create a website. It is very easy and friendly with every user. With using this widget, you can save much time and energy. Only a few clicks, you can create a website you expect.

To go to Widget management system, please click on the "+" icon in the bottom position in PavoBuilder Module

Then Add Column and Add Element

There are two options for you choose in Module Management: Opencart Modules and Widgets

1. All

This All tab allows you to choose our modules and widget

2. Opencart Modules

This Opencart Modules tab allows you to choose our modules: Pav Blog Latest Comment, Pav Newsletter, Pav Testimonial Manager,... or default Opencart module: Carousel, Specials, Bestsellers,...

3. Widgets

In Widgets tab, you can choose any widget you want for your website. You can create as many widgets as you expect. The content of widget can be chosen from "Enter element name for search".

When you selected widget type, you need to add content for the widget. The content is depend on what widget type you select, add the required info and save the widget.

Pav Category Featured module

This module allows you to choose any Categories in this site this is Categories featured.

To configure the module, please go to: Extensions > Extensions > Modules, find the Pav Category Featured module then hit the "Edit" button to go to its setting panel.

Pav Sliders Layers module

To configure the module, please go to: Extensions > Modules, find the Pav Sliders Layers module then hit the "Edit" button to go to its setting panel.

Pav Newsletter module

Pav Newsletter module is to manage signup newsletter for your site, you can display a SIGN UP FOR NEWSLETTER form in your site where user can add their email in the form to sign up for newsleter. In the back-end, you can create email and send to the subcribers.

To configure the module, please go to: Extensions > Modules, find the Pav Newsletter module then hit the "Edit" button. In the dashboard of the module, please select Frontend Modules to configure for the displaying of the module in front-page.

Pav Popular Tags module

To configure the module, please go to: Extensions > Modules, find the Pav Popular Tags module then hit the "Edit" button to go to its setting panel.

Pav Blog module

This is the platform for Blog on Opencart. You can create categories, blog items and get it displayed in front-page brilliantly. The module comes with a lot of settings that allow you to manage your blog post easily. It also includes comment system, a lot of modules such as Category module, Most Read blog module, Latest Comment module and Latest blog module.

To manage Your Blog system, please go to: Admin > Pav Blog to go to its setting panel.

Settings

  • General
  • SEO
  • Posts
  • Related Posts
  • Images
  • Comment

Posts

Add Posts

Categories blogs

Front-end appearance of the module

Comments blogs

Front-end appearance of the module

Pavo Quick View module

To configure the module, please go to: Extensions > Modules, find the Pavo Quick View module then hit the "Edit" button to go to its setting panel.

Pavo Tabproduct Carousel module

To configure the module, please go to: Pavothemer > Block Bulider > Homepage, find the Tabproduct Carousel then hit the "Edit" button to go to its setting panel.

Pavo Store Locator module

To configure the module, please go to: Extensions > Modules, find the Pavo Store Locator module then hit the "Edit" button to go to its setting panel.

Pavo Layered Navigation module

To configure the module, please go to: Extensions > Modules, find the Pavo Layered Navigation module then hit the "Edit" button to go to its setting panel.

These are default Opencart modules but it's style has been customized to fit the theme design.

Category module

The module is to display list of category product in your OpenCart site. Its setting is so simple, just add layout, position that the module is displayed in and product image size.

To configure the module, please go to: Catalog > Categories and you can see the list of category product in your site.

If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.