I am trying to enlarge the swatch images compared to their current size (as shown in the screenshot). Currently, there are 11 images/variants displayed in a row. I aim to have eight images per row to enlarge their size and therefore visibility. https://2znw6yz6gcmnq31a-62792532213.shopifypreview.c…

Hi @technase Try to find this code on your style.css under asset folder. [Made4uoRibe_0-1707596818397.png] And change into your desire size. Or paste another code on the very last of the style.css folder. .swatch .color label { min-width: 50px !important; height: 50px!important; } And …

Super Helpful.. Thank you so much.

Hi there, I have increased size but even then my image is so blur that I can hardly notice the fabric quality. can you help out how do I retain the best resolution in swatches?

I usually use 800x800 px image for swatches, works best.

Hi @technase :heart: In your case, the issue comes from the theme displaying too many swatches in a single row (currently 11), which forces each swatch to shrink to fit the layout. As a result, even high-quality images appear small and less visible. A simpler approach - without modifying any code …

How can I resize and enlarge swatch images for better visibility?

Store Design

BudiGas June 24, 2024, 5:48pm 6

Hii, do you have the same solution for the dawn theme because I can’t find style.css anywhere

Topic		Replies	Views
Make Variant Image Swatch Larger (Symmetry theme Store Design customizations , css , product-page	4	626	November 15, 2024
Make color swatches bigger Store Design design , customizations , troubleshooting , product-page	4	169	November 5, 2025
How can I increase the swatch variant box size in my online store? Store Design	35	270	February 2, 2022
Dawn- Increase Image Swatch's Size Store Design design	6	130	May 5, 2025
Big size image for swatches Thèmes Shopify	3	57	January 17, 2022

How can I resize and enlarge swatch images for better visibility?

Related topics