Adding Free Shipping Next to Product Price on Product Page (Empire Theme)

Topic summary

A user asks how to add a “FREE SHIPPING” label next to the product price on their Shopify store using the Empire theme, referencing an example image. They also want to know if it’s possible to color-code the text in red.

Solutions provided:

Two respondents offer similar CSS-based solutions:

  • Both suggest adding custom code to the theme.liquid file above the </head> tag in the theme editor (Online Store > Themes > Edit Code)
  • The code appears to use CSS to insert and style the “FREE SHIPPING” text near the price element
  • One response includes a screenshot showing the expected result

Status: The discussion appears resolved with working code solutions provided, though the original poster hasn’t confirmed implementation success.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hey everyone!

Using Empire theme, how do you add “FREE SHIPPING” next to the product price like this?:

AhmedAM11037_0-1719186325792.png

And is it possible to color code it like this so it’s in red?

I appreciate any help you can provide. Thanks!

STORE LINK: www.spacesavingbed.com

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag


Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

Hi @AhmedAM11037

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code


Best regards,

Dan from Ryviu

1 Like