WooCommerce Product Slider Pro

  1. Home
  2. Docs
  3. WooCommerce Product Slider Pro
  4. All Sliders (Add New Slider)
  5. Slider Controls

Slider Controls

Slider Controls

(1) Ticker Mode: Ticker Mode denotes the Product Slider to run smoothly without any interval between the slider items. By default, this option is turned OFF. You can change this if you want.

(2) Row: Set How many Rows you want to show in the carousel as well as how many Rows you want to scroll at a time. The default Row value is 1 for all devices.

(3) AutoPlay: AutoPlay Attribute is utilized to determine that the Product Slider ought to automatically begin playing when the web page is loaded. With this feature, you can switch ON/OFF AutoPlay.

(4) AutoPlay Speed: Set auto play speed. The default value is 3000 milliseconds. 1000 milliseconds is equivalent to 1 second.

(5) Slider Speed: Set sliding or scrolling speed. The default value is 600 milliseconds for Slider Speed.

(6) Slide to Scroll: This option is used to scroll/slide the Number of products one after another on various devices. By default Slide to Scroll, the value is set “1” for all devices. You can change the value as you want.

(7) Pause On Hover: Pause slider autoplay on hover. Options are ON and OFF. The default value is ON.

(8) Infinite Loop: Turn this option ON to run the slider continuously. If you have turned OFF this feature then the slider loop will stop after once.

(9) Slider Direction: There are two types of direction Product Carousel plugin. In the RTL mode of the website, if you want to change the direction of the slider then just change the direction from this option.

  • Right to Left: The carousel will start sliding Right to Left.
  • Left to Right: The carousel will start sliding Left to Right.

(10) Navigation: Navigation indicates users move from one Product image to another. There are three Navigation options.

  • Show:  Navigation will appear on all devices.
  • Hide: Navigation will not show on any devices.
  • Hide on mobile: Navigation will only hide on mobile devices.

(11) Arrow Icon Style: There are 6 different Icon Styles available in the plugin. Choose one to show in the Product slider navigation.

(12) Position: Select a Position for the Navigation Arrows. Available Options are:

  • Top right
  • Top center
  • Top left
  • Bottom Left
  • Bottom center
  • Bottom right
  • Vertically center
  • Vertically center inner
  • Vertically center inner on hover

(13) Border Radius: Set a Border Radius for the navigation icon as you wish. Default Border Radius value is 0px.

(14) Color: Set a navigation icon Color, Hover Color, Background, Hover Background, Border, Hover Border.

(15) Pagination: Pagination indicates the active item which users see in the Slider. There are three pagination options.

  • Show:  Pagination will appear on every device.
  • Hide: Pagination will not show on any device.
  • Hide on Mobile: Pagination will only hide on mobile devices.

(16) Pagination Type: There are two types Pagination. Select one between Numbers and Dots.

(17) Dots Color: If you select pagination type as Dots, you can set Dots color as you wish.

(18) Dots Active Color: You are allowed to set Active Dots Color also by this option.

(19) Swipe: This option permits users to drag or Swipe straightforwardly to a slide regardless of the slide to scroll.

(20) Mouse Draggable: If the option is ON you can move the carousel item by clicking on it with the mouse and dragging it in a certain direction. You are allowed to ON/OFF the option.