How to set the number of columns for different devices in the product slider

In the product slider, We can determine the number of columns to show on different screen sizes for responsiveness.

To set the number of columns of the slider :-

  • Edit or Add new a product slider.
  • In the General Settings tab, you will find a field called "Product Column(s)" to set the number of columns.

Screenshot - 1: (Set product slider columns)

Product Column(s) :-

This option allows you to determine how many columns to show on different screen sizes for responsiveness. The fields have some default values. You can adjust the numbers as you want. You will find 5 different screen size icons. The screen sizes are explained below.

  • Large Desktop – Screens larger than 1280px.
  • Desktop – Screens smaller than 1280px.
  • Laptop – Screens smaller than 980px.
  • Tablet – Screens smaller than 736px.
  • Mobile – Screens smaller than 480px

Example :-

If you want to show two columns in your product slider on a Laptop device, configure the settings as mentioned below.

Screenshot - 2: (Set product slider columns for Laptop)

Screenshot - 3: (Product slider on Laptop device)

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.