05GENERAL

Free shipping

Match the real Shopify shipping rate with the thresholds displayed on the product page and carts.

Free shipping

Match the real Shopify shipping rate with the thresholds displayed on the product page and carts.

Create free shipping in Shopify

The theme never changes shipping rates. First create the rule applied at checkout.

  1. 01

    In Shopify, open Settings → Shipping and delivery.

  2. 02

    Under Shipping profiles, open the profile containing the relevant products.

  3. 03

    In the relevant shipping zone, open the shipping option menu and choose Edit shipping option.

  4. 04

    Enable Offer free shipping and enter the minimum order amount, such as €100.

  5. 05

    Click Done, save the profile, and repeat for every zone covered by the promise.

Copy the exact same threshold into the theme

  1. 01

    In Main product, add or open the Free shipping block and enter 100 as the threshold.

  2. 02

    Choose whether the viewed product price is included in the preview before adding it to cart.

  3. 03

    In Cart page, enable free shipping and enter the same threshold.

  4. 04

    In Cart drawer, enable free shipping and enter the same threshold again.

  5. 05

    Customize before/after copy without promising anything different from the Shopify rule.

What the theme actually calculates

  • ✓

    The product page uses the live cart total and can visually include the viewed product.

  • ✓

    Cart and cart drawer calculate the remaining amount and animate the milestone.

  • ✓

    This progress is informative: Shopify alone decides the checkout shipping rate.

  • ✓

    An optional second reward tier is separate from the shipping rate.

Test before publishing

  1. 01

    Test an order just below the threshold: shipping must remain paid.

  2. 02

    Test exactly at and above the threshold.

  3. 03

    Check every relevant shipping zone and market.

  4. 04

    Apply combinable discounts and verify the qualifying amount remains consistent.

Before you finish

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.