Color miniatures on the products replacing the color selection squares.

Hi @molo,

1. You can set the default color when editing the product: https://prnt.sc/GxInyL5GL2db. It is also possible to select it via the URL, for example: https://toyah.es/product/toyah-moui-sunset/?attribute_pa_color=azul&attribute_pa_talla=xl

2. If you would like to remove the “Clear” button, please add the following custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS:

a.reset_variations { display: none !important; }

Best regards,
8Theme Team

Hi @molo,

Please go to XStore > Theme Options > WooCommerce (Shop) > Shop Elements > Variation Swatches > Use images from product variations: https://prnt.sc/k3rcQqQx9rc1.

We hope this is helpful.

Best regards,
8Theme Team

Hi @molo,

We need to update this setting also: https://prnt.sc/jSc2c7TlpuPr.

Could you please check now?

https://toyah.es/product/toyah-moui-sunset/

Thank you!

Yes,

You can try adding this custom CSS code:

.single-product ul.st-swatch-size-large li.type-image {
    width: 100px;
    height: 100px;
}

Hope it helps!