Using Home Slider Module in Prestashop!

By Dinh Nghia Tran In: Prestashop Tutorials

The advantages of Slider for your homepage

- Easy to create colorful, attractive designs using the standard templates and themes 

- Easy to modify compared to other visual aids, such as charts, and easy to drag and drop slides to re-order presentation.

- Easy to present and maintain eye contact with a large audience by simply advancing the slides with a keystroke, eliminating the need for handouts to follow the message.

Steps for “Image slider for your homepage” module on your PrestaShop 

1.Login to the PrestaShop Administrator

 

2.Enter the name of the slider (or just “slider”) in the “Search” field on the Module List page. This will show the “Image slider for your homepage”module. Click “Install” to install it if it’s not installed.

 

3.If the module is installed, click “Enable” to activate it, then click “Configure” to access its options.

 

 

4.On the module configuration page, in the “Settings” section, you can:

a.Manually enter the maximum width of your slider images in px;

b.Enter the slider speed in ms;

c.Enter the slider pause time in ms;

d.Set your slider to autoplay.

When you are done with the “Settings” part, click “Save.”

 

5.The second part called “Slider List” allows you to upload, edit, re-order or delete slider images.

By default this part contains the original slider images. Click “Enabled” to disable, “Delete” to delete them or “Edit” to replace them with your images.

 

6.On the “Slider informations” page, the following options are available:

Select a  file: click “Choose a file” to navigate to a new image on your computer and upload it;

Title:

URL:

Caption:

Description: allows you to add description text to the slider image. You can edit the content right in the text field by using the Tools of the default editor. Or you can also go to Tools -> Source code to edit the source code of the slide description in a separate pop-up window or insert one of your own created in some HTML editor.

       Active: yes/now to enable/disable the particular slide.

 

7.To the right of each option there is a language button to select the Multilanguage version of your site.

Click “Save” when you are done with the changes. Click “+”  to add more slides. To re-order the slides, select the one you would like to change the current position of and drag it to the desired position.

8.Go to Modules -> Positions to hook the module to the “Top of pages” position on the Home page of your site.

9.Open the front end of your site to see the changes

Dinh Nghia Tran

Connect Us

Stay in touch with us and be the first who knows about latest entry directly from LeoTheme.

More themes

And all future Templates are only available as long as you stay

Support Policy

What Are Included?
  • QUICKSTART INSTALLATION PACKAGE

    This Package packed All Modules, Templates, Userguide, DataSameple. By using this package, you will get the site the same as the demo

  • PSD SOURCES

    All our templates are delivered with source Adobe.PSD files.

  • INCLUDED EXTENSION PACKAGES

    You can get All of Template, Modules, Plugins... which we use for the demo.

Information
  • DESIGNER

    This Package packed All Modules, Templates, Userguide, DataSameple. By using this package, you will get the site the same as the demo.

  • SUPPORT CONTACT

    If you have any problems, please contact us! We will reply as soon as possible we answer all emails within 24 hours.

    Email:[email protected]


GO ON TOP