Pav Layers Sliders Guide


Here are some basics on installing, configuring and customizing the PavTheme,


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.

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here

Thank you!

PavTheme Team

Pav Layers Sliders

OpenCart is a powerful, open source shopping cart system that is designed feature rich and user friendly. It is great solution if you want to have an online store. In this blog post, we would like to guide you how to install Pav Layers Sliders In Opencart Shop.

We will use Pav Store Opencart theme - a great free responsive Opencart theme provided by Pavothemes.

Slide show features



I. Video Tutorial

Watch this video tutorial on how to install Pav Layers Slider

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:

II. Install

Install and enable the module Extensions > Modules > Pav Layers Sliders. If you enable this slider disable or uninstall the default Slideshow module.

1. Slider Groups Management

Create New Slider Group

Slider Group Form Create New

Image Cropping



Mobile Visiblity



Create New Slider

Slide elements

With each slide you can add or remove additional elements (images, text, video, custom HTML) (1)

You can set image background of slider by click update image slider (2). After configure all elements of slide you can preview or save slider (3).

a. Images

For images just select Add Layer Image

Image element

Choose image you want,also you can upload, copy, rename image. After select image, drag and drop to configure position.

b. Video

For video paste the ID video from YouTube or Vimeo and click find video it will be load automatically.

c. Text or HTML

Click Add Layer Text

Moreover you can put any text with HTML tags. For example, if you want to add a button using predefined styles:

<span class ="button green">BUY NOW</span>

Elements configuration

Choose element of layer collection to configure (2) and you can set time (milliseconds) to appearance of element in slider (3) by drag tool.

Also each elements you can edit data of some values. (1)

Edit layer Data

Other Animation

After all goto top you can choose save, cancel  or preview sliders in group


2. Module Assigment

Module Assignment Tab help you edit some configurations

3. Import Tools

With tab you can import slideshow from export file.

Import: browse file and import slider

Export: choose slideshow, click export group and sliders to export file.


We hope you can customize the best slideshow you want.

Thank you for reading!

Follow us on twitter or join my facebook page to get noticed about all theme or modules updates and news!