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 on most cases but sometimes the app appears in a form where we don't want the widget to be.

We can prevent the widget to appear 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">
        {% for item in cart.items %}
        <li class="item product-{{ item.product.handle }}">
          <div class="image">