Strikethrough or Line Through on Product Title

Store Design
1

How do you add a strikethrough on a word in the product title? I also want to make a word BOLD. Like the image below.

Shopify - Product Title Strikethrough.jpg

I’m working with Studio Theme 15.0.0, Shopify 2.0
I can’t share the store link as it is a confidential project.

2

Hello @KH24 here is an example, if you want to strikethrough and bold the word “Old” in the product title “Old Price New Price”,

you can write:
Old
Css :

.strikethrough{

font-weight:900;

}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Where do I add these?

4

You can do this without editing in code file

While adding product in shopify admin use this in product title field

THE BUILD BREAK ONE

5

If you are using the “Studio” theme and want to add “Strikethrough” to the product title on both the “Collection” and “Product” pages, follow these steps:

  1. Go to Online Store → Theme → Edit code.

For Product Page:
A. Open your Section/main-product.liquid file.
B. Add the tag around the product title where you want it to appear:

{{ product.title | escape }}

[https://prnt.sc/1Ec9p_ouZxn6](https://prnt.sc/1Ec9p_ouZxn6)

For Collection Page:
A. Open your Snippets/card-product.liquid file.
B. The theme has multiple instances of the card__heading class. Find the one you are using and add the tag around the product title:
https://prnt.sc/vOfNL8r_YqCW

  1. To make the text bold, add the following CSS in the theme.liquid file:

If you do not want to edit the theme code, you can add this tag in your product title directly.
THE BUILD BREAK ONE

Screenshot:
Product Page: https://prnt.sc/7xBOe-kTn-w8
Collection Page: https://prnt.sc/wRKWzJ5F06k2

6

In main product liquid file.