How to create a product title split in the collection page of Shopify debut theme

[noam_erlenwein]

To whom it may concern.

I already created a product title split on the product page by replacing:

{{ product.title }}

with:

{{ product.title | split: '-' | join: '
' }}

in the Sections - product-template.liquid file.

Now I want to do this split for the collection pages so the product titles look like this:

Dark Blue Tissue Paper
20" x 30" 480 Sheets

And not like it does now like this:

Dark Blue Tissue Paper - 20" x

30" 480 Sheets

https://bulkwrappingpaper.com/collections/wholesale-tissue-paper

https://bulkwrappingpaper.com/products/wholesale-blue-tissue-paper-20x30

[PageFly-Victor]

Hi [email removed]Noam_erlenwein,

You can try my code

# {{ product.title | replace:'-','
'  }}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[noam_erlenwein]

Hi,

That wouldn’t do anything on the collection page though. I already did the product title split on the product page and I’m trying to figure out how to make a product title split for the product titles posted on the collection page.

[PageFly-Victor]

To work for the collection page you can edit “product-card__title” on the product-cart-grid.liquid same as my screenshots