Hi guys and gals,
Does anyone know the code needed to change the collection list rows quantity on homepage from 3 to 4 on just PC/MAC (mobile/cell is perfect on rows of 2) it’s Maestro them.
Thank you in advance!
Hey @Jednay ,
Can you share the link to your store please? Thanks!
Thank you, any advice would be much appreciated.
Hey @Jednay ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hmm? Tried that to no avail, but I guarantee it’s something I’ve done wrong
See attached
Apologies, i can’t attach anything as i only have jpegs. But I’ve pasted that in theme.liquid in layout under
Should I remove that code?
Thank you
Hey @Jednay ,
Sorry wasn’t receiving notifications. Yes please can you remove that code and replace it with this please?
No problem at al all! And thank you so much, that’s done it! You’re a legend!
Hey there,
Once again, thank you so much for recommending that code, not sure of the code is linked, but I’m having issues when viewing on a tablet or laptop. On a tablet, the rows of four collections pics are squashing up to vertical oblong shaped and on laptops the image is zooming in too much, this cutting off our text.
Many thanks,
Mark
You can try and replace the code above with this and see if it suits what you’re looking for. So, here I made the tablet view show 3 items per row, because on tablet 4 items is too much for the smaller screen. Also, I removed the zoom effect, but this also means that the picture will adapt to the screen size and number of collections per row. Basically, it will use whatever size it has available to try and fit the image inside that frame.
Wow! Thank you for the rapid reply!!
So this has changed to the row of three on the tablet (I can’t check laptop as I haven’t got one here) but it’s still stretching the images from a square to a long rectangle and distorting/stretching the pictures.
Hey @Jednay ,
The theme has built this image gallery in a weird way. It’s hard to have the perfect solution without redoing the basic structure, but this is the closest I can get it to be.
Replace the previous code with this
Thank you. Hmm, that has now distorted the mobile view. Maybe the last code was the best we can hope for.
Oh my bad, I forgot to exclude it from mobile. Just use this instead and it’ll run for tablet and desktop only.
Thank you, sorted my mobile pics but still showing as rectangular on the tablet. Just a thought, what if we reduce the width of everything on pc, mac, tablets. Most themes used to give you the option to have that dead space left and right to allow everything to adjust accordingly to whatever monitor the site was viewed on, but it’s no longer available.
Thanks again!
Yeah I could’ve done that if the theme was designed to support that. But the way this developer has built the theme is they create a container of a fixed height and width then kind of slap the image on top of the container. So it’s not really the image that determines the height and width of itself, but that invisible container that’s behind it. That’s why I said it needs reworking to make the image the main focus, but that needs alot of effort.
You can try this final one and see if it works, but again it’s not perfect, because of how it’s built it just can’t be perfect.
Ah ok, i see what you mean.
I didn’t realise chrome had an inspection tool, so tried that they all seem to be ok apart from ipad mini Nest hub max where they chop one of our text’s ends off, i guess theres just no way of getting it perfect on all devices, i may be better off just using images with text and just use their default ‘sop now’ buttons etc
Thanks again for trying for me, it’s really appreciated!!