Product Slider for Magento 2. User Guide

Size: px

Start display at page:

Download "Product Slider for Magento 2. User Guide"

Augustine Collins
5 years ago
Views:

1 Product Slider for Magento 2 User Guide

2 Table of Contents 1. Product Slider Code Insert Guide 2. Product Slider Management 2.1. Managing Product slider 3. Product Slider Widget 4. Front-End View 5. Support Page 2

3 1. Product Slider Code Insert Guide To view code insert guide, please go to Ulmod - Product Slider - Code Insert Guide For more flexibility, use a CMS template tag, Template code or Layout XML code to display product slider to any page or static block. Page 3

4 2. Product Slider Management Product sliders The Product Slider extension enables you to showcase your new(latest), best seller, most viewed, sale, featured or auto related products in the most vivid and interactive way and drive more of your visitors attention to your best and most profitable products in your store. You can manage product slider in a clear and flexible admin panel. To view, edit and create product slider, please go to Content Product Slider by Ulmod Product sliders A convenient grid displays all your sliders. Discover mass actions to manage your sliders faster. To create new slider, please click the 'Add New Slider' button in the upper right corner of the page. Page 4

2.1. Managing Product Sliders To view and manage all your sliders, please go to Content - Product Slider by Ulmod - Product sliders To create a new slider, hit the Add New Slider button.

5 2.1. Managing Product Sliders To view and manage all your sliders, please go to Content - Product Slider by Ulmod - Product sliders To create a new slider, hit the Add New Slider button. On this convenient grid, you can manage all your sliders : Add New Slider Edit the existing ones or delete the sliders you no longer need. Mass enable/disable/delete the selected sliders Page 5

6 Edit Product Slider : General Settings (General) Tittle Specify the name of the Slider Slider status Set Enabled to shown the slider in frontend or to Disabled to do not shown in frontend Store View Choose the store view where the slider should be displayed. Start time Set a date from which the slider will be shown on the page. End time Set a date from which the slider will be hidden on the page Page 6

7 Edit Product Slider : General Settings (Appearance) Configure the slider appearance in frontend. Set slider type, template type, slider position, max products number to display in the slider. You can also, show/hide slider title in frontend, define the description to show after slider title, set slider to be excluded in cart and checkout Page 7

8 Edit Product Slider : General Settings (Products) You can choose whether to display or hide price, add to cart, wishlist, compare, ajax add to cart and swatches on product Page 8

9 Edit Slider : Slider Settings (Navigation, Pagination) Configure the slider navigation without editing the css file. Choose whether or not to show or hide navigation in slider and specify the navigation arrows visibility, position, color and hover color You can also configure the slider pagination without editing the css file. Choose whether or not to show or hide pagination in slider and specify the pagination visibility and color Page 9

10 Edit Slider : Slider Settings (Effects) Configure the slider effects. Set the infinity loop sliding, slides to view, slides to scroll, slider speed, enable or disable autoplay and specify the autoplay speed, change the slider direction to become right-to-left Page 10

11 Edit Slider : Slider Settings (Responsive web design) Set the breakpoint width, slides to show and slides to scroll on large, medium and small screen for mobile devices Page 11

12 Edit Slider : Slider Products Select the featured products to display on slider (applicable only for featured slider type) Page 12

13 3. Product Slider Widget (Settings) To create a new product slider widget, please go to Content Elements Widgets then click the 'Add Widget' button in the upper right corner of the page. This will take you to this page : Choose the widget type Product Slider Widget(by Ulmod) and the design theme then click the Continue button Page 13

14 3. Product Slider Widget (Storefront Properties) Set the Storefront properties. Specify the widget title, store view, sort order and page to to display the product slider Page 14

15 3. Product Slider Widget (Widget Options) Choose the slider type to display in frontend then save the widget. The widget should now be visible in frontend Page 15

16 3. Front-End View On the front-end, product on slider template type will look like this On the front-end, product on grid template type (additional feature) will look like this Page 16

17 3. Support Need Help? Ulmod Support team is always ready to assist you, no matter which part of the world you are in. If something does happen and you think you might be experiencing an issue or bug, please contact us via and we will help you out. Got Questions? Should you have any questions or feature suggestions, please contact us at: Your feedback is absolutely welcome! Page 17

Social Share for Magento 2. User Guide

Social Share for Magento 2. User Guide Social Share for Magento 2 User Guide Table of Contents 1. Social Share Configuration 1.1. Accessing the Extension Main Setting 1.2. General and Sharing Service (Share Buttons) 1.3. Pages 2. Front-End