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">
...