Skip to Content
Menu
This question has been flagged
1 Reply
1428 Views

I'm working on a product page where there are two attributes, each with three variants. I'm trying to hide the "Add to Cart" button when a specific variant is selected, but I can't seem to identify the right handle for the variant. For example, if the selected variant contains the word "custom," I want the "Add to Cart" button to be hidden. In the coding I'm tried various combinations to target the name of the variant including product.variant, name, ID, etc but can't seem to get the right one. Please assist.

Avatar
Discard
Best Answer

Sounds like you gonna need to implement JS to modify the behaviour of the page.

Could you share your code?

Avatar
Discard
Author

<div id="add_to_cart_wrap" t-attf-class="{{'d-none' if combination_info['prevent_zero_price_sale'] else 'd-inline-flex'}} align-items-center mb-2 me-auto">
<a data-animation-selector=".o_wsale_product_images" role="button" id="add_to_cart" t-attf-class="btn btn-primary js_check_product a-submit flex-grow-1" href="#">
<i class="fa fa-shopping-cart me-2"/>
Add to cart
</a>
</div>

Related Posts Replies Views Activity
0
May 24
771
0
May 24
997
0
May 24
1358
0
May 24
669
0
May 24
1090