Home Forums WoodMart – Premium Template Attribute > grid

Tagged: 

This topic contains 6 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 5 days, 13 hours ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #318858

    badr
    Customer

    Hello,

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

    Thanks and regards

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #318920

    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

    #318922

    badr
    Customer

    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

    #318923

    badr
    Customer

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

    • This reply was modified 6 days, 11 hours ago by  badr.
    #319054

    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

    #319065

    badr
    Customer

    Hello,

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

    #319176

    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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.