Attributes Look

why attributes in not align in same way, like VALIDITY, I want the variation to align with validity as they are going up and looks like part of MODE, refer screenshot and use url.

Also how to hide the not available variations automatically instead of fading. like if I opt Live the 3 variation will fade as its not available I want them to hide not fade so it will not create a confusion for customers.

Attachments:

You must be logged in to view attached files.

Hello,

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

table.variations .cell {
    vertical-align: top !important;
} 

Navigate to WooCommerce>>Settings>>Products. Then click Inventory. Tick the checkbox on “ Hide Out of stock product from Catalog”.
https://prnt.sc/F_fh2YsvXpfx

Best Regards.

Please read this again dear – Also how to hide the not available variations automatically instead of fading. like if I opt Live the 3 variation will fade as its not available I want them to hide not fade so it will not create a confusion for customers.

also code is working but its not align the variation option after applying

Hello,

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

[class*="wd-swatches"].wd-dis-style-1 .wd-swatch.wd-disabled {
    display: none !important;
}

Best Regards.

[Author]

Posts