AJAX Product Tabs (Carousel) To Display Single Item In Mobile View

I’m using AJAX Product Tab with Carousel layout on my homepage. There is setting to show how many products per view and it is set at 4 currently but I believe that is only for Desktop view. If I switch the view to Mobile view, the page will show 2 product per view. Is there an option to show only 1 product per view in Mobile view?

Hello,

Thank you very much for choosing our theme and for contacting us.

You can set one product in the row on mobile in the Theme Settings > Shop > Product grid. You will find the option: Products columns on mobile – How many products you want to show per row on mobile devices.

Best Regards

Thanks for pointing out that option. I might have overlooked it since there is countless options in this theme. I tried the option you mentioned, but seems like it is a global option that also affect how my products are displayed in other places e.g. /shop, related product widget etc. It would be nice if there is an override function that can be applied in Ajax Product Tabs element only.

Hello,

It is not possible to apply to a carousel. You can set grid view and we can change that with the custom CSS.

Best Regards

[Author]

Posts