How to prevent the calculator to appear in a particular element
The app automatically tries to find a cart form and add the calculator inside that form.
This is the optimal solution in most cases but sometimes the app appears in a form where we don't want the widget to be.
We can prevent the widget from appearing in a form by adding the CSS class cbb-shipping-rates-ignored-element to it, as in the following example:
<form action="/cart" method="post" id="cartform" class="cbb-shipping-rates-ignored-element"> <ul> {% for item in cart.items %} <li class="item product-{{ item.product.handle }}"> <div class="image"> ...