Reply 349515 to: Variation swatches on shop page for out of stock products

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
March 10, 2023 at 06:21

Hello, @Sofija886,

Thank you so much for purchasing our theme and contacting our support center.

1) In order to solve your issue, there is only one possible way to display a product variant that is out of stock on the pages. Product variation that is ”Out of stock” can be displayed http://prntscr.com/t21xou with our variation swatches under Xstore > Theme Options > Woocommerce (Shop) > Shop Element > Variation Swatches > Swatch Out Of Stock (in case “Hide out of stock products from the catalog” option is enabled in WooCommerce > Settings > Products > Inventory). Please refer to the provided image: https://ibb.co/dc8b4Kk

OR

2) If you would like to hide the out-of-stock color circles, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After clearing your browser cache, please check back to your site.

.woocommerce-shop li.type-color.sten-li-disabled {
display: none !important;
}

Best Regards,
8Theme’s Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.