How to add a free shipping badge to selected products in Sense Theme?

Topic summary

Goal: show a “Free AU Shipping” badge (truck PNG + text) only on selected products in the Sense theme, both on product cards and on the product page.

Key steps provided (using Liquid, Shopify’s template language):

  • Tag eligible products with “free-shipping”.
  • Upload the PNG in Admin > Content > Files and copy its URL.
  • Product cards: edit Snippets > card-product.liquid and wrap the badge markup in a conditional: render only if card_product.tags contains ‘free-shipping’.
  • Product page: edit Sections > main-product.liquid. Inside the for-loop that renders blocks, insert the same conditional under the desired block, e.g., when ‘price’ (to show beneath price) or when ‘title’.

Notes:

  • Screenshots and code snippet placements are central to applying the change correctly.
  • The actual badge HTML uses the uploaded image URL and text inside the conditional.

Outcome:

  • Badge on product cards confirmed working by the requester; guidance given for product page placement.

Additional update:

  • Another user (different premium “X” theme) asked to place a “next day delivery” image below Buy buttons; suggested solution: add an HTML block directly below the Buy buttons in the theme customizer.

Status: Original request effectively resolved; secondary question has a suggested approach, pending confirmation.

Summarized with AI on December 27. AI used: gpt-5.

Please go to Sections → main-product.liquid and there, you can find for loop starting from line no 71 to 436 as shown in the screenshot. It is for displaying different elements like Price, title, and reviews.

If you want to place free shipping below Price, then you can place the code in the {%- when ‘price’ -%}

Similarly, If you want to place free shipping below title, then you can place the code in the {%- when ‘title’ -%}

Please place below code.

{% if product.tags contains 'free-shipping' %}
          
            
          

        {% endif %}