Home / Tutorials / PrestaShop 1.7 Tutorials / 2 Quickest Steps to Create Full Width Slider PrestaShop 1.7.5 – Leotheme Blog

2 Quickest Steps to Create Full Width Slider PrestaShop 1.7.5 – Leotheme Blog

With Leotheme PrestaShop, you can get all theme file, PSD & powerful integrated modules for your store. They are Ap Page Builder, Leo Mega Menu, Leo SlideshowLeo Blog, etc – the best builder tools for your store.

Leo Slideshow helps to create the slideshow for your website at ease.

This tutorial, I will show you “2 Quickest Steps to Create Full-Width Slider in PrestaShop 1.7.5 – Leotheme”

Prepare Image Slider Size:

Before creating a fullwidth slider, you have to prepare slider images with full-width size:

For example:

Width 1920px

Height: 660px

Images can be saved with .jpg, .jpeg, .png

I. Step 1: Create Full Width Slider PrestaShop 1.7.5 by Config in Ap Page Builder

Go to Ap PageBuilder -> Ap Profiles Manage:

1.create full width slider prestashop 1.7.5

Choose Page Builder Profile which contains Slideshow Block to edit.

For example: Choose Homepage 1 Profile to Edit:

2.create full width slider prestashop 1.7.5

Depends on your slideshow position, you can select full width for slideshows.

On Homepage 1, a slideshow is available on :

  • displayHome

Fullwidth other pages:

  • displayTop


3.create full width slideshow prestashop 1.7.5

Click to “View” at Homepage 1: You will see the theme’s structure of homepage 1 which is created by Ap Page Builder

6. edit slideshow by ap page builder

Find Page Builder Profile Group (which contains “Slideshow”) to Edit:

4.create full width slideshow prestashop 1.7.5

Navigate to “Class Container”: Leave blank on this box

II. Set Fullwidth Slider PrestaShop 1.7 by Config Leo Slideshow Module

7.config slideshow prestashop 1.7.5

Edit Slideshow Groups:

8.edit slideshow group prestashop 1.7.5

Choose Fullwidth at “Slideshow Width Mode” -> Save the changes.

This is the end of this tutorial “2 Quickest Steps Create Fullwidth Slider PrestaShop 1.7.5 using Ap Page Builder“. Hope that it helps your installation easier.

Related Prestashop Tutorials:

About Nhu Quynh

"You can't sell anything if you can't tell anything." https://www.leotheme.com/

Check Also

create sitemap prestashop 1.7

How to create a sitemap in Prestashop 1.7?

Create sitemap Prestashop 1.7! What is sitemap? A sitemap is an XML file used by search engines to improve the indexing of your website. It lists …

Leave a Reply