Remove a word from the title of the product

Store Design
,
1

By using custom CSS, can I remove a word from all of my product titles on my website?
My product titles should not include the word “print” because it is redundant.

It should be custom CSS or custom liquid.

2

@pblue - can you share the page link where you have this double word in title? if it has separate class then it can be removed using css

3

Not a separate class. All of my products are prints so I want to remove
them all fro my e, but I need them for SEO purposes.

4

Hey @pblue

The issue that you’re referring to is either possible in two ways.

  1. CSV: If you’re good in excel then it can be easily possible with CSV file by “Find & Replace” option

  2. CSS Class: If that specific word has a different class called then I can help you out via coding.

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

@pblue - can you share this page link?

6

Unless there is a very good reason and not just lack of know how extra words should be removed from the actual product title in the admin, either per product , using the bulk editor or product CSV export/import.

Can’t be done with CSS alone , CSS cannot parse text , you would have to use liquid, or javascript, to generate the final text.

Exact CSS varies by theme so you’d need to provide a publicly accessible url to one of your products pages.

Basically you’d find the CSS selector for the title, then hide the text in the heading tag replacing it.

The selector should be made so the style rule does not apply to every product title that may appear on a page, such as in recommended-products,etc.

For example for Dawn based themes

{%- if product.title contains "print" -%)
 {%- assign product_display_title = product.title | remove:"print " | remove:"print" -%}
 
{%- endif -%}
7

Can’t share the store url, but I use this theme:

https://themes.shopify.com/themes/split/styles/jagger/preview

As all of my products are prints, I would like to eliminate redundancy from my website only. I need the full product titles for other shopping channels.

8

Can’t share the store url, but I use this theme:

https://themes.shopify.com/themes/split/styles/jagger/preview

As all of my products are prints, I would like to eliminate redundancy from my website only. I need the full product titles for other shopping channels.

9

Can’t share the store url, but I use this theme:

https://themes.shopify.com/themes/split/styles/jagger/preview

As all of my products are prints, I would like to eliminate redundancy from my website only. I need the full product titles for other shopping channels.

10

I can’t fix an omission in the last post.

For OS2.0 themes use the above code in a custom-liquid block in the product template(s)

11

Let me know if you can help with CSS