Firstly, we would like to thank you for purchasing Pav DigitalStore 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 DigitalStore.
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.
Pav Opencart is native with OpenCart 2.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 Opencart 2.x
Pav DigitalStore is a responsive OpenCart theme for DigitalStore, Fashion, and Beauty. The OpenCart theme is developed with Pavo Framework version 4, LESS, it integrates Bootstrap 3, Font Awesome, supports HTML5 and CSS3. Pav DigitalStore 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.
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 DigitalStore.
To download Pav DigitalStore, please check it out at:
Once the download is complete, unzip the file and you would see the following packages:
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:
The Quickstart Package includes Opencart core, Pav DigitalStore 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.
The 4 steps in the auto-installer wizard.
Before you install this theme:
We recommend to use this theme on a new, clean installation shops without custom core modifications.
Step 1 - Unzip the theme package
After unzip the download package, please unzip the theme package - pav_digitalstore_themes_unzip.zip
Step 2 - Upload theme to your OpenCart site root directory
Step 1 - Unzip the module package
Step 2 - Upload the folder admin, catalog,... in the Module package that you want to install to the root directory of your OpenCart site
Step 3 - When you install DigitalStore theme manually, please unzip the Quickstart file: pav_digitalstore_full\pav_digitalstore_quickstart.zip\image. Then go to image folder and copy to theme folder.
Step 4 - After uploading all the folders, you can install it as Quickstart installation
Step 5 - Go to your OpenCart site admin panel, navigate to: Extensions → Modules, find the module you just uploaded then hit the "Install" button to proceed with the module installation.
After installing all modules, please navigate to Design → Layouts
Click on the Edit button to choose the page you need to edit then click on the Add module button.
Choose any module you want and assign the position for it
Pav DigitalStore is a OpenCart theme. It supports 4 skins: Default, Blue, Green, Pink. Each skin has different color; meanwhile, layout structure is the same.
Once the theme is uploaded, access your admin panel, navigate to: Admin > Extensions > Themes. Next, select Edit button.
And set Pav DigitalStore 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
To configure the logo and favicon for theme, please navigate to: Admin > System > Settings and select Edit button.
Next, select Image tab and set store logo and icon for theme.
Pav DigitalStore supports Theme Control Panel 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 > Extensions > Modules, open the setting panel of Theme Control Panel module.
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.
Depend on page type, there are different settings. Select the page you want to edit then change the page setting using the available parameters.
The Font setting panel allows you to customize font for your whole site or for specific elements in your site such as heading, module heading, body. Google Font is supported.
Static module is a OpenCart static module, depend on theme type, there are different modules. Select the module you want to edit then change the static module settings.
<div class="social"> <p><a class="pavcol-sm-5 col-md-4 col-sm-4 col-xs-4" href="#" title=""><i class="fa fa-pinterest"> </i>Pinterest</a> <a class="pavcol-sm-5 col-md-4 col-sm-4 col-xs-4" href="#" title=""><i class="fa fa-facebook"> </i>Facebook</a> <a class="pavcol-sm-5 col-md-4 col-sm-4 col-xs-4" href="#" title=""><i class="fa fa-google-plus"> </i>Google+</a> <a class="pavcol-sm-5 col-md-4 col-sm-4 col-xs-4" href="#" title=""><i class="fa fa-twitter"> </i>Twitter</a> <a class="pavcol-sm-5 col-md-4 col-sm-4 col-xs-4" href="#" title=""><i class="fa fa-youtube"> </i>Youtube</a></p> </div>
<p>If your question is not answered there, please use one of the contact methods below.</p> <ul> <li><span class="fa fa-map-marker"> </span>Proin gravida, velit auctor aliquet</li> <li><span class="fa fa-mobile-phone"> </span>Phone: +01 888 (000) 1234</li> <li><span class="fa fa-envelope"> </span>Email: email@example.com</li> </ul>
Thanks to the Pavo Framework version 4, Pav DigitalStore comes with powerful theme configuration admin panel that allows you to customize the theme easily without touching any file. You can customize font, changing logo, changing skin, etc.
Sample data is an important part of any site, importing, exporting back-up sample data is a regular work. It's quite complex and risky if you do it manually. Theme Control Panel module helps you solve all the difficulties with the Sample Data management system.
Compression Feature allows to speed up your site by merging, compressing JS and CSS files.
All cached files are stored in folder system/cache/pavo-assets/. To clear cached you click to CLEAR button on the top right side corner of your setting panel.
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.
This is amazed feature in our product. The feature is to customizing your theme with pre-define parameters such as font size, text color, background color, font family, etc.
Here is the steps to customizing your site with Live Theme Customization
Step 1 - Open the Live Theme Customization panel
Step 2 - Customize your site with pre-defined parameter.
The Live Theme Customization panel includes 2 main sections: the setting panel (include all pre-define parameters) and your site front-page. When you change setting of a parameter, you would see the change in the front-page at the same time.
Step 3 - Save the customization when you're done by hitting the "Submit" button.
Pav DigitalStore 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 DigitalStore demo site.
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.
The Menu management system allows you to:
To go to Widget management system, please click on the Live Mega Menu Editor button in Pav MegaMenu module.
The widgets are used to assign to MegaMenu. You can create as many widgets as you expect. The content of widget can be chosen from Filter By Name box or Filter By Group: All, Blog, Typo, Opencart, Others and Image.
You can create a new submenu for any widgets by hitting the "Setting" icon or delete the widget that is not used any more.
To create a new widget, please hit the Create Widget icon in the upper right corner.
In the main setting panel of MegaMenu, hit the Live MegaMenu Editor to access the MegaMenu configuration panel.
In the configuration panel, you can:
Pav Home Page 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 Pav Home Page Builder module then hit the "Edit" button to go to its setting panel.
Pav DigitalStore 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.Home Page Builder
Hit the Edit icon in the module loaded in the layout and you can edit settings of the module in a popup.
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.
For each module, you can edit the width of the module by dragging and dropping it..
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 Pav Home Page Builder Module
Then Add Column and Add Widget
There are two options for you choose in Module Management: Opencart Modules and Widgets
This Opencart Modules tab allows you to choose our modules: Pav Blog Latest Comment Module, Pav Deals,... or default Opencart module: Banner, Latest, Bestsellers,...
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 Filter By Name box or Filter By Group such as: All, Others, Typo, Product, Image, Piechart, Social and Opencart.
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.
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: Extensions > Modules, find the Pav Blog module then hit the "Edit" button to go to its setting panel.
Category Page setting
Front-end appearance of the module
Front-end appearance of the module
Front-end appearance of the module
The module allows you to add any module to display in carousel. All you have to do is adding modules you want to display in carousel, configure layout, position, max items ...
To configure the module, please go to: Extensions > Modules, find the Pav Carousel module then hit the "Edit" button to go to its setting panel.
The module allows you to create content using HTML added to the content field.
To configure the module, please go to: Extensions > Modules, find the Pav Custom module then hit the "Edit" button to go to its setting panel.
<div class="media-list row "> <div class="col-lg-6 col-md-6 hidden-sm hidden-xs"> <div class="media gray"><a class="pull-right" href="#"><img alt="digital" class="media-object" src="image/catalog/demo/banners/banner3.png"> </a> <div class="media-body"><h3 class="media-heading text-primary-theme">Ipad in education</h3> <p>Nulla vel metus scelerisque ante sollicitudin commodo sit amet nibh libero itudin commodoturpis</p> <p class="readmore"><a href="#">Readmore</a></p> </div> </div> </div> <div class="col-lg-6 col-md-6 hidden-sm hidden-xs"> <div class="media gray"><a class="pull-right" href="#"><img alt="digital" class="media-object" src="image/catalog/demo/banners/banner3.png"> </a> <div class="media-body"><h3 class="media-heading">MacBook Pro</h3> <p>Nulla vel metus scelerisque ante sollicitudin commodo sit amet nibh libero itudin commodoturpis</p> <p class="readmore"><a href="#">Readmore</a></p> </div> </div> </div> </div>
To configure the module, please go to: Extensions > Modules, find the Pav Deals module then hit the "Edit" button to go to its setting panel.
To configure the module, please go to: Extensions > Modules, find the Pav Layers Sliders module then hit the "Edit" button to go to its setting panel.
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 newsletter. In the back-end, you can create email and send to the subcriber.
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 Product - Category Block module is to display list of products in the website.
To configure the module, please go to: Extensions > Modules, find the Pav Product - Category Block module then hit the "Edit" button to go to its setting panel.
Pav Reassurance module is to manage customer care services in your store such as: Free Shipping, Money back, Discounts, Support.
To configure the module, please go to: Extensions > Modules, find the Pav Reassurance 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.
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 covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.
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.