3.1 Module Demo

You could see the appearance of SM Product Detail Sliders module as following:

3.2 Module Configuration

Notes: We used the images of module’s installation on Magento 2.0.x to illustrate

In the Administrator Page, navigate to Stores -> Settings -> Configuration and find SM Product Detail Sliders to configure.
The parameters are divided into the following groups:

• General settings
• Source Options
• Product Options
• Image Options
• Effect Options
• Advanced Options

Let’s look at the parameters in detail:

General settings

• Enable Extensions - Allow to enable/disable the module.
• Display Title - Allow to enable/disable the title.
• Title - Enter the title of the module.
• Target - Allow to display the target link in Same Window/ New Window/ Popup Window

Column - Set the number of columns for devices:

• For devices have screen width from 1200px up to greater.
• For devices have screen width from 992px up to 1199px.
• For devices have screen width from 768px up to 991px.
• For devices have screen width from 480px up to 767px.
• For devices have screen width less than or equal 479px.

Source Options

• Select Source - Allow you to select Catalog or Product IDs.
• Select Category - Allow you to select Category.
• Child Category Products: Include or Exclude Products from Child Categories.
• Category Depth: Allow to choose the number of child category levels to return.
• Featured Products: Allow to Show/Hide/Only Featured Products.
• Product Field to Order By: Set Product Field to Order By.
• Ordering Direction: Allow to order ascending/descending direction.
• Product Limitation: Allow to set product limitation.

Product Options

Product Title

• Display - Allow to display title of product OR not.
• Max Length - Allow to set the max length of title.

Product Title Thumbnail

• Display - Allow to display title of product thumbnail OR not.
• Max Length - Allow to set the max length of title.

Product Description

• Display - Allow to display title of description OR not.
• Max Length - Allow to set the max length of description.

Others

• Display Price - Allow to display price OR not.
• Display Reviews Summary - Allow to display reviews summary OR not.
• Display Add To Cart - Allow to display Add To Cart OR not.
• Add Cart Text - Allow to add text for Add To Cart.
• Display Add Wishlist - Allow to display Wishlist OR not.
• Add Wishlist Text - Allow to add text for Wishlist.
• Display Add Compare - Allow to display Add Compare OR not.
• Add Compare Text - Allow to add text to Add Compare.
• Display Readmore Link - Allow to display Readmore link OR not.
• Readmore Text - Allow to input name of Readmore text. For example: Details.
• Readmore Use Category Link - Allow to Readmore Use Category Link or not.

Image Options

Get Image from Product Image  

• Get From Product Image - Allow to display image of product or NOT.

Get Image from Product Description  

• Get Image from Product Description - Allow to display Product Description or NOT.
• Order to Get - Allow to order to get image with options such as “product_image, product_description”.

Resize  

• Resize Image Detail - Allow you resize image detail or NOT.
• Image Width - Allow to set image width.
• Image Height - Allow to set image height.

Resize Image Thumbnail  

• Resize Image Thumbnail - Allow you resize image thumbnail or NOT.
• Image Width Thumbnail - Allow to set image thumbnail width.
• Image Height Thumbnail - Allow to set image thumbnail height.

Other  

• Background Color: Allow to set background color.
• Image Replacement: Only when the product has no image, the module will take photos from placeholder to replace.

Effect Options

• Auto Play - Allow you to set for slideshow auto play OR NOT.
• Auto Play Speed- Allow to set speed of timer (larger = slower).
• Loop - Allow to Display to Loop OR Not.
• Navigation- Allow to choose Navigation OR Not.
• Center - Allow to choose Center position or NOT.
• Dots - Allow to Enable/Disable one page scroll with dot navigation style.
• Pause On Hover: Allow to Pause effects when users hover Or not.
• Start- Allow to choose the first item by position number.
• Slide By - Allow to choose the number of products displayed when clicking “Next” button.

Advanced Options

• Pre-text - The content to show at the top of module
• Post-text - The content to show at the end of module
• Caching - Allow to choose to cache the content of module

3.3 Page Configuration

To display this module on front page, go to Content >>Elements >> Pages.

Create a new page in Page Management section, go to Content>> Elements>> Pages

• Page Information Tab: Please click to see the Backend Settings.
• Content Tab: Please click to see the Backend Settings.

Copy and paste the following code into the Content field:

• Design Tab: Please click to see the Backend Settings .