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

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

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

manage question prestashop marketplace

Ap Marketplace: Easily Manage Questions PrestaShop Marketplace – Leotheme

As soon as customer raise their question about product on the marketplace, admin can reply …

Leave a Reply

Your email address will not be published. Required fields are marked *