Attribute > grid

Hello,

please how can we show the sizes like the attached image, instead of droplist ?

Thanks and regards

Attachments:

You must be logged in to view attached files.

Hello,

First of all, you will need to enable attribute swatches, you can find the detailed instruction here: https://xtemos.com/docs/woodmart/variable-products-swatches/

As soon as you have the text attribute instead of the drop-down I will give you custom CSS to make them square and in color.

Best Regards

Hello,

Thank you for your reply.
the first step is done. Whats the next one ?
Btw I’m talking about SIZES, not color swatches.

Thanks and regards

Its done dear ! Thank you.
Now how we can make the design better than the basic one ?

Hello,

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

body .swatch-on-single {
border:2px solid white;
padding:3px; 
}
body .swatch-on-single.active-swatch{
background:rgba(255,255,255,0.8);
color:#444444;
}

Best Regards

Hello,

Yess now it works! how can we just increase the size of the boxes ?

Hello,

In order to increase the items, you need to increase the padding: padding:3px; replace for padding:10px;or more as per your needs.

If you have any questions please feel free to contact us.

Best Regards

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts