Square Color attibutes

Hi Again 🙂

Please help me with changing the display of color attributes
Please watch the video
https://www.loom.com/share/406a45dd38b248db891e2f807f3e3400

Thanks 🙂

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .swatches-on-grid .swatch-on-grid {
    border-radius: 0;
    width: 25px;
    height: 25px;

}
.rtl .single-product-content .variations .swatches-select>div{
    border-radius: 0;
    width: 25px;
    height: 25px;
}

Best Regards

Hi Elise

Thanks for reply and for the code 🙂

Pasted,
Displayed correctly in Arabic and English grid, and Arabic product page.
Missing in EN and AR filter widget and English product page.

I tried to remove rtl or add another code with ltr but it didn’t work 🙂

Hello,

As for the product page, you have not translated the attributes. You need to create the translation and enable swatches there. I will check and provide the corrected code.

As for the sidebar widgets here is the code:

body .basel-woocommerce-layered-nav .filter-swatch>span {
    border-radius: 0;
}

Best Regards

Hi Elise

Thanks for the code. It works fine in both languages for filter

As for English product page, All color attributes are translated and swatches enabled. But displayed as circles in English

Thanks

Hello,

Please deactivate all the plugins not related to the theme and check the issue. https://gyazo.com/75500bd7a10c3d4bddec8b0bbb24dc04

Best Regards

[Author]

Posts