Menu Close
    Searching for an experienced Prestashop Development Company ?

    Prestashop Front Page Slide Show

    Prestashop Front Page Slide Show: Grab customers’ attention to your special offers and bestsellers with a visually appealing slider.

    Prestashop Frontpage Slide Show facilitates you to upload images to a slider to highlight your new, featured, and top-selling products. Showcase promotions and upcoming sales with custom images in your slider so the customer won’t miss out on offers running on your store.

    Customize the display of the slider by setting its height, using various animation effects, autoplay, etc. This extension supports three types of navigation: thumbs, numbered, and dots to help customers quickly navigate through the images assigned to a slider.

    Drive more traffic to your popular products, improve user experience, and boost engagement by showcasing an attractive slider on your Prestashop store.

    Features of Prestashop Front Page Slide Show

    • Display a customizable slider on your Prestashop store.
    • Supports 3 types of navigation: Numbered, Dots, and Thumb.
    • Add unlimited images to be displayed in a slider.
    • Set the height of the slider window.
    • Set the time interval between the transition of images.
    • Show preview of images on mouse hover on dots.
    • Enable or disable the random display of images in a slider,
    • Various animation effects are available in the module for the slider.
    • Customers can play or pause the slider anytime.
    • Arrow navigation to view the next or previous image in a slider.
    • Option to display numbers, dots, thumbs in the left, right, or center position of the slider.
    • Multiple theme options are available for the slider to choose from.
    • Choose to show or hide controls, numbered/arrow navigation, and focus when a user hovers outside the slider.

    How to Install Prestashop Front Page Slide Show

    • Firstly, go to the module manager in the back office and click on ‘upload a module’.
    • After that, drag and drop the module file or select the file from the system.
    • In this way, the module installation will be successful.
    Prestashop Front Page Slide Show installation
    Prestashop Front Page Slide Show installation
    Prestashop Front Page Slide Show installation

    Prestashop Front Page Slide Show Configuration

    After the installation of the module, admin need to configure it. The slider will work on the Prestashop store according to the configuration set by admin.

    1-4

    Add New Image

    When admin clicks on “Add new” button under SLIDES LIST tab, a new section”ADD A NEW IMAGE” appears on the screen. From here, admin can upload the images he wants to display in a slider.

    2-4

    Front End View

    Once admin has added the images, these images will be displayed in a slider on the front end as shown in the below screenshot.

    4-4

    Set Number Navigation

    This option allows admin to display numbered navigation in a slider. Customers can click on the number to navigate to another image.

    11-3

    Show Randomize

    If this field is disabled, then the images are displayed in a slider in the same sequence as uploaded by admin from the back office. And, if admin enables this field, then the images will appear in a slider randomly.

    Show Progress Bar

    This option enables admin to display a progress bar in a slider. It means the next image to appear in a slider is in process.

    5-3

    Show Preview

    When a customer hovers mouse on the dots, the preview of the imagewill appear in the slider as shown below:

    6-2

    Kindly note that the preview feature will be availble if the dots navigation appears on the slider.

    Show Focus

    This option enables an icon on the slider. If a customer clicks on this icon, then only slider will appear on the screen and nothing else.In simple words, the whole focus will be on the slider.

    7-2

    Show Thumbs

    This option enables you to show navigation with thumbnails in the slider.

    8-2

    Show/Hide Tools

    If admin enables this option, then controls, numbered navigation, arrow navigation, and focus will not display on slider when a user hovers outside the slider section.

    9-2

    Set Alignment

    This option allow admin to set the alignment of number, dots, and thumbs in the slider. Admin can choose to show navigation in left, right, or center of the slider.

    10-4

    Select Theme

    This extension provides admin with 4 theme options for the slider. The options are: clean, minimalist, round, and square. The visibility of Controls and focus will change according to the theme selected by admin.

    Clean Theme

    12-3

    Minimalist Theme

    13-1

    It can be seen in the above screenshsots, the position of controls and focus are different in clean and minimalist themes.

    Navigation Priority

    If admin has enabled more than one navigation type, then the priority is given based on the following order:

    1.  Thumb navigation
    2. Dots navigation
    3. Numbered navigation

    This was all about Prestashop Front Page Slide Show Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

    Support

    “For any kind of technical assistance or query, please raise a ticket at http://webkul.uvdesk.com or send us a mail at [email protected]

    Current Product Version - 4.1.0

    Supported Framework Version - 1.7.x.x

    Blog Version - 1.7.x.x
    • Version 1.7.x.x
    • Version 1.6.x.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index