The Template Store is a library of professionally designed, ready-to-use sliders that you can import with a single click. Using a template is the fastest way to get a complex, high-quality slider on your site. You can use them as-is or as a starting point for your own customizations.


Step 1: Open the Template Store

  1. From your PrestaShop admin, navigate to the Creative Slider dashboard.
  2. Click the Template Store button.
Click the Template Store button on the main dashboard
Click the Template Store button on the main dashboard.
  1. You will be taken to the Template Store, which displays a filterable grid of all available slider templates.

Step 2: Choose and Import a Template

Browse the available templates. You can hover over any template to see a live preview of its animations and layout.

  1. Once you have found a template you like, move your mouse over it.
  2. Click the Import button that appears.
  3. The template and all its assets will be automatically downloaded and installed. Once the process is complete, you will be redirected to the Slider Editor for your newly imported slider.
Importing a template from the Template Store
Hover over a template and click 'Import'.

Step 3: Customize the Imported Slider

You are now in the Slider Editor with the imported template fully loaded. All slides, layers, and animations are ready to be customized.

You can now:

  • Replace Images: In the Slide Options, click on the background image to replace it with one from your media library. Do the same for any image layers.
  • Edit Text: Select any text layer and change its content in the Layers Panel below the canvas.
  • Adjust Styles: Select any layer and use the Styles tab to change its fonts, colors, and positioning to match your brand.

Step 4: Save and Publish Your Slider

Once you are happy with your customizations, you need to save your work and assign the slider to a location on your site.

  1. Click the blue Save changes button at the bottom of the editor.
  2. Navigate back to the main Slider Settings tab at the top of the editor.
  3. Go to the Layout tab and find the Module Position setting. Select a hook from the dropdown list where you want the slider to appear (e.g., `displayHome`).
  4. Click Save changes again. Your new slider is now live on your site.
Tip: If you want to position the slider at the very top of your homepage, go to your PrestaShop admin and navigate to Design > Positions. Search for the `displayHome` hook and drag the "Creative Slider" module to the top of the list.
Publish and display slider
Publish and display slider
© WebshopWorks - Professional PrestaShop Addons