Shopify themes, liquid, logos, and UX
Hello,
I am currently looking to switch over the Dawn theme but I am struggling to change the product grid the way I need to look. Currently, on the desktop if there are less than 4 items in a specific collection, the product grid will fill the page with the products so basically if there are only 2 items in a collection, the product grid will make each product 50% of the screen which blurs the images and just doesn't look very good. Likewise, on mobile, when there is One product in a collection, it makes it take up the entire screen. I want to make it so that on the desktop there is always 4 products per row and on mobile, there are always 2.
Can someone help me please?
Please share your store URL and screenshot what do want!
Thanks!
Hello,
The store is currently locked down for Black Friday so I will attach a screen shot.
As you can see, on Mobile if there are less than 2 products in a collection, the product grid makes image fill the entire page. I want it to remain consistent so that even if there is only one product, it still only fills 50%.
On the desktop version of the site, a similar problem occurs where if there is less than 4 products, the images are sized up to fill the page and this is a big issue if there are only one or two products in a collection as it also blurs the image. I don't understand why this happens because it looks very inconsistent having product images at different sizes for different collections.
I need the mobile product grid to always remain a 2 per row regardless of how many products are in the collection and desktop to be 4 per row. I have inserted some red boxes to hopefully give you an idea of what I need.
Thanks
Please share store URL!
Thanks!
You won't be able to see the issue as the site is locked down for Black Friday as stated. I could send you a password but I would have to do that via email as I cannot post that on here as the store is specifically locked from the public until tomorrow.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024