Variation not showing if catalog mode is on
- This topic has 5 replies, 3 voices, and was last updated 3 years, 9 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
Home / Forums / WoodMart support forum / Variation not showing if catalog mode is on
Home › Forums › WoodMart support forum › Variation not showing if catalog mode is on
Hi xtemos team, I need your help.
How can I show the variation of the product if catalog mode is on? Thanks!
Hello,
The catalog mode is used to disable the ability to buy a product from the website and it also hides the variations from the variable products.
If you want to display the product variations then Please disable the catalog mode and use Custom CSS to hide the add to cart buttons.
Please add the following Custom CSS to remove the add to cart buttons.
For product grids:
.product-grid-item .woodmart-add-btn {
display: none;
}
For the single product page:
.single_add_to_cart_button.button.alt {
display: none;
}
Best Regards.
Hi, same problem please: How to hide ‘Add To Cart’ for variable products, but keep product variations visible. Also, obviously we want to hide on product page the prices because WooCommerce says: “Variations (and their attributes) that do not have prices will not be shown in your store.” We tried to add a snippets code and we succed to hide the “Add To Cart” button, but the price remained displayed…So we was half successful 🙁
Please help us if you can.
Hello,
@saniplussrl Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.summary-inner>.price {
display: none;
}
If it doesn’t work for you then create a new topic and provide the admin panel login details of the website to check it myself and help you out accordingly.
Best Regards.
Hi, it works…but only on product page. On subcategory page, the product styles generate by the template, the price it’s still there. Please see attachements. Thanks.
Hello,
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.product-grid-item .price {
display: none;
}
Best Regards
No account yet?
Create an Account