change Products (grid or carousel) on mobile

i want it to only display 2 products at a time on mobile

Attachments:

You must be logged in to view attached files.

Hello,

Edit Product Grid or Carousel widget in the page builder ad in the style tab and set the number of columns in the grid for mobile:
Screenshot for clarification:
https://ibb.co/zmLKjv6

Best Regards.

i mean this one : items per page i want to show 6 on desktop and only 2 on mobile

Attachments:

You must be logged in to view attached files.

Hello,

Add two separate sections to your page: one for desktop and one for mobile.

Place the product grid or carousel widget on the desktop section.

Similarly, create another section for mobile and use the product grid and carousel widget.

Within each section, you can customize the columns and widgets based on the specific needs for desktop or mobile views.

Elementor provides options to control the visibility and styling of sections/columns for different devices. By using Elementor’s responsive options and creating separate sections for desktop and mobile, you can have more control over the layout and design for different devices.

Best Regards.

Hi i am aware of this option but i fear that i could slow down the website no ?

Hello,

Use images in product grids or carousels are appropriately sized and compressed. This can significantly reduce the load on your website. This is the possible way that you can implement and achieve this.

Best Regards.

thanks

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts