Big size image for swatches

Hi,

I use the theme Symmetry. I would like to resize the swatches which are uploaded files (images). With the current size, the customers cannot see properly the pattern of the images and it decrease my conversation rate.

Do you have any solution to allow people to see the swatches bigger with a zoom on hover for example please ? The solution can be a CSS code if it works with the theme Symmetry or an application you recommand.

Thank you for your help ! Happy new year

Philippe B

HI @Emiperruques

You can add this code at the end of your theme CSS file (style.css) :

[data-swatch]::before {
    width: 40px;
    height: 40px;
}

If you want bigger size :

[data-swatch]::before {
    width: 60px;
    height: 60px;
}

The result :

Tell me if it’s good for you !

Guillaume

Hi @Emiperruques ,

You can add this code at the end of your theme CSS file “style.css” :

[data-swatch]::before {
    width: 40px;
    height: 40px;
}

If you want bigger :

[data-swatch]::before {
    width: 60px;
    height: 60px;
}

And the result :

Tell me if it’s good :slightly_smiling_face:

It perfectly works ! Thank you very much Guillaume :slightly_smiling_face:

1 Like