Main issue: Product images on a Flow-themed collection page display at inconsistent sizes; changing image sizes in product settings did not help.
Suggested approach: Add custom code to the theme to standardize image display. Steps provided by responders:
Key details: Screenshots illustrate where to paste code, but the actual code snippets are missing in the posts, so there is no specific CSS/HTML to implement yet.
Context/terms: theme.liquid is the main theme template file in Shopify. and are closing HTML tags indicating where to insert custom code.
Status: Unresolved. The thread lacks the concrete code needed to enforce consistent image dimensions (e.g., CSS targeting product card images). Further guidance or a complete snippet is required to achieve uniform image sizing.
Site: https://shoprightwayhealth.com/collections/dermatology
Theme: Flow
When looking at this page of our store, the product images are different sizes. I tried resizing the image in the product settings but haven’t had any success yet.
How do I resize the images so they are all consistent?
Hi @Rightway140
This is Victor from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hello @Rightway140 ,
You can follow these steps:
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team