Product Slider for WooCommerce Pro

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

Template Settings

Template Settings

(1) Layout Preset: Choose a layout preset you want from the 4 available options.

(2) Column(s): Set slider column(s) in different devices (Desktop, Mobile, etc).

(3) Choose a Template Type: You can choose a template type as you wish.

  • Custom: Customize the template as you want from here.
  • Pre-Made Templates: You can choose a pre-made template from this option. There are twenty-eight (28) pre-made templates available.

(4) Product Content Position: Content position is where you want to display your product content. Select a position for the content title, description, meta, etc. Options are below:

  • Bottom: Content will display Below the image.
  • Top: Content will display Above the image.
  • Right: Content will display at the Right of the image.
  • Left: Content will display at the Left of the image.
  • Overlay: Content will display when users hover over an image

(5) Content Visibility: Choose a visibility type for overlay content.

  • Always
  • On Hover

(6) Overlay Color Type: Choose an overlay color type.

  • Solid
  • Gradient

(7) Gradient Color: Set gradient color for the overlay.

(8) Content Padding: Set padding for the product content.

(9) Border: Set product border.

(10) Box-Shadow: Check to enable box-shadow for the product.

  • Box-Shadow Values: Set box-shadow property values for the product.

(11) Inner Padding: Set inner padding for product image and content.

(12) Equalize Products Height: Check to make all products/items height equal.

N.B. Pagination (The pagination options appear here when you select the Grid layout)

(13) Pagination: Enable/Disable pagination.

(14) Pagination Type: Choose a pagination type.

  • Normal
  • Ajax Number
  • Load More Button (Ajax)
  • Load More on Scroll (Ajax)

(15) Alignment: Select pagination alignment.

(16) Product(s) To Show Per Page: Set the number of the product(s) to show per page.

(17) Pagination Color: Set the color for the pagination.