Shopify themes, liquid, logos, and UX
Hi! I would like to change the location of my product thumbnails to the left of the main product image and make them slightly larger. I am using shopify's "Colorblock" theme and have several different product templates. Here is the url of the product I am currently trying to modify - https://shopspikesandseams.com/products/checkered-picnic-custom-satin-pajamas?_pos=1&_psq=checkered+...
To reverse the order of items in a grid layout, you can use the CSS property grid-template-rows or grid-template-columns with the direction property set to (right-to-left). Here's how you can do it:
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
grid-auto-rows: minmax(100px, auto);
direction: rtl;
I don't want to reverse them, I want the thumbnails to display to the left of the main product image instead of below. and for them to be larger too.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025