Partstore.Online Help and Training Center

Resources to help you become an expert at using Partstore.Online

Slider Widger

The Slider widget allows you to quickly add an image slider to webpages in a visually pleasing format without requiring that you generate the underlying HTMLcode.
Options for the Slider Widget include, a small image slider that displays multiple small images in the slider.
Slider Widget


The Slider widget allows you to quickly add an image slider to webpages in a visually pleasing format without requiring that you generate the underlying HTMLcode.


Options for the Slider Widget include, a small image slider that displays multiple small images in the slider,
displays multiple small images with text, or a slider that displays a single large images along with clickable next and previous scroll arrows.


To add a slider to a webpage click on a Slider widget icon.


Select the layout you want to use from the dropdown preview.


The widget is added to the page and displayed on the left side of the page editor in the list of "Your Widgets."


Click the Edit button to modify the content.


Title field is the name you want to give the widget.


The toggle controls if the title is displayed on the web page.


Wrapper class -is a techie term for how the content will be displayed.


Select if you want the content size to be limited by its parent container, or stretched to the full-screen width.


Background Color allows the selection of the background color around the Slider block.


Display type allows a selection of three different layouts - a small image slider that displays multiple small images in the slider, displays multiple small images with text, or a slider that displays a single large image along with clickable next and previous scroll arrows.


The next step is to add the slider content items.


Slider content items are added by clicking the Add button


The Slide Content options for an indivisual slide will be displayed.


Select an image or upload an image using the File Manager, and enter the text you want to be displayed to the user if they cannot display the image.


Optionally select to display content on the slide by toggling "Show Content"


If the content is going to be displayed it should be entered in the Content dialog.


Text color should be selected for any content that will be displayed.


Once settings for the individual slide are complete, click the Add button again.


Repeat these steps to add additional slides.


For the purpose of this video, we have added a total of four slides.


The order the individual slides will be displayed is based on the slide sort order in the list of slides.


The sort order can be modified by clicking and dragging the individual slides.


Preview the page before saving by clicking on the “Live Preview” button.


Here is a sample preview of the page with the Slider Widget.


Always remember to click the Save button.


Thank you for watching our video.