Hi,
I’m looking to implement different default product grid layouts on my Shopify store, depending on the customer’s device:
-
On desktop, the default layout should be “Small grid”
-
On mobile, the default layout should be “Large grid”
This behavior should apply across all product grid sections throughout my store — both on the main shop collection pages and within all product templates.
Is there a way to achieve this via code or theme settings? Any help or guidance would be greatly appreciated!
Thanks in advance!
Best
Michael
