Make product photos bigger on collection page- turbo theme

Store Design
, , ,

Topic summary

A user seeks to enlarge product photos on their collection page using the Turbo theme, as images now appear smaller than before.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Paste custom CSS code at the bottom of the file and save

Note: The provided code snippet and specific CSS instructions appear corrupted or improperly formatted in the conversation, making the exact implementation unclear. The discussion remains open pending clarification or a corrected code solution.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

HI! is there a way to make product photos bigger on collections?
this is how it used to look:

Screen Shot 2023-11-17 at 6.48.43 PM.png
Screen Shot 2023-11-17 at 6.48.43 PM.png2546×1792 286 KB

and now they look like this:

Screenshot 2023-11-17 at 10.08.10 PM.png
Screenshot 2023-11-17 at 10.08.10 PM.png2880×1406 200 KB

https://www.sarahhoodstudio.com

pass: sarahhoodjewelry

2

Hi @Chantelrudden ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly