Introduce the backend

After you successfully installed the LayerSlider module to your PrestaShop, you can just start to use it. In the following you can read all about how the LayerSlider works. Every settings and parameters will be described, and all of the elements of the User Interface will be introduced.

Creating a slider

First of all click on the LayerSlider link on the bottom part of your sidebar of the backoffice. Here you can see the main view of the LayerSlider component. There are three main part of the Slider list view of the LayerSlider Backend. Each of them has different functionality, what you will know after read this part.

Slider list

In this section you will find a list of your currently available sliders. There are also three buttons above the list, called Template Store, Import Sliders and Add New Slider. You will find detailed description about those buttons later.

Slider List

The structure is so simple, you can find information of each sliders in the rows. The Module position row will show that the current slider is assigned to which hook of your frontoffice. You can change that assignment directly here, or even in the slider editor. You can also place the slider anywhere on your frontoffice, just need to use the Shortcode. You can learn more about that in the Place the slider... section of the documentation.

The Template Store button is quite important there as well, because you can get all of the sample sliders which you can see on the demo site. You can learn more about the Template Store feature in the following article: Import sample sliders.

Exporting your sliders

You can export your sliders for backup purposes or to move them between different sites. You can export all of your sliders in a single step, as well as select them individually. Your browser will download an export file containing your sliders once you hit the "Export" button. Keep this file at a secure location. You can learn more about that feature by click on the following link: How to export.

Importing sliders

Choose the export file you previously downloaded and click the "Import" button. This will bring back your previously exported sliders immediately. You can learn more about that here: Importing sliders.

WebshopWorks Dashboard

In this section you can find some useful links about the documentation settings, or even how could you contact us if you have an issue, so if you have any question or problem create a support ticket, and we will help you immediatelly.

Offlajn dashboard

Adding Google Fonts

Expand the "Google Fonts" box if it was collapsed previously. Inserting codes and URLs isn't necessary in LayerSlider, you can use the built-in search field in the lower left corner of the box. Enter your search term and hit the [Enter] key. Click on the font you would like to use and select its variants in the next window. You can click the [Add font] button without selecting any variants if you would like to use only its regular version. After adding the font, you can choose to load it globally or on the admin interface only. After that you just need to edit your slider, click on a layer to edit, then on the Styles tab. Just write the font’s name into the Family paramater’s input field.

Google font manager

Advanced settings

In this section you can find some settings, which are related to the working behavior of the Layer Slider. Please note that without experience don't change these options as incorrect settings might break your site.

Advanced settings