Use Short Title on Dawn Theme collection page for the products instead of the long title

[CaptainDave]

Here is an example collection page from our website:

https://www.roserushbrooke.com/collections/clover-tire-japanese-50wt-silk-thread

The product titles under the product images are way to long and it is unnecessarily repeated information - just need the model number and color.

For example, I would like to replace the long title from the product page "Clover Tire Japanese Silk, 50 wt, for Applique, Sewing, Quilting, #005 Lilac" with just the item number and color.

On all product I have Option Value Name "Color Number & Name" and Option Value 1 "model number and color" set to this already, e.g. for this product "701CV-005 Lilac", which is all I need to have below the product image.

I have read many examples of others trying to do similar short titles, but can't seem to get it on my Dawn theme.

Which file(s) do I need to change?

What would be the code?

Could I use the Option Value 1 for the link, or does it need to be a metafield? 

Thanks in advance for any help you can provide. 

Cheers,

David 

[Sajat]

Hi there,

Looks like you are using Dawn theme,

Generally, only title is displayed and looks like there are some customization done on the theme itself. 

Can you please take a look at "product-card.liquid" file, search for "title" and send me the code?

The default one should look something like this.

{{ product_card_product.title | escape }}

Some customization might have been done here. Looks any anything extra that you donot need and remove those fields.

Thanks.

Please mark this as accepted solution if this helped your problem

[CaptainDave]

Thank you for your reply.

I don't see a product-card.liquid file. 
Also, I downloaded the theme and did a search through all of it for product_card_product.title and it didn't fine it. 

Hmm... I know there is a way to do it and you are on the right track, just can't find where it is in what fine.

Cheers,

RS

[Jigar_Rathod]

@CaptainDave 

You need to find  card-product.liquid  in new Down Theme . Find  card_product.title .
May be it will help you to solve your problem.

 

[CaptainDave]

I have attached the downloaded Dawn Theme from my website. I have searched it for card-product.liquid  without results. Maybe you can find it. Cheers.

[Sajat]

Hi there,

The file should be under the "Snippet" section on your dawn theme.

If you are using a heavily customized version of dawn, please let me know. We might have to check it on the theme itself. 

Thanks.

[Sajat]

Hi there, Upon further inspection, looks like you have entered the product title (as displayed on the website) on each individual product.

If you have entered the title as such (without any customisation on the theme), then you will have to change the title from each individual product. 

Yes, it will be a tedious job, but that is the easiest way to achieve this feature without customizing the theme.

Thanks.

[CaptainDave]

Thank you for your reply.
Maybe I'll have to change the product title, but I don't want to, as it is
the

for the product page and therefore very important for SEO. Maybe I
could slim it a bit.
I still think there is a way to do it, as I have seen this done on other
themes, I just can't file the correct file in Dawn to change the code.
The search goes on!
Cheers,
RS

[CaptainDave]

Thanks for the reply.

I have not entered the product title on the collections pages, not possible. The collection page is picking up from the product page.

If I shorten the title on the product page that does not make sense for the product page, confusing to customers and bad <h1> for SEO.

Our Dawn theme has not been modified. 

I am not finding any of the files or code mentioned above by the others. 

product-card.liquid
product_card_product.title

I have downloaded the theme files and they are not there. 
Hmmm... I guess I'll have to keep looking for ways to do this. 

Thanks for your help.

Cheers,

RS

[CaptainDave · Accepted solution]

Thank you Sajat for the video on finding the right file and Code. I have replied to your private msg.

Going to put that reply here as well, in case others would like to see it. 

--------------------

Hi,

Been playing with the code a bit. 

So, under Snippets file "card-product.liquid" we know on line 107 {{ card_product.title | escape }} is the line that changes the title under the product in the collection page. 

I was playing with changing that to try and get the "Option1 Value"  for the products to work.

I did manage to use {{ card_product.options | escape }} and it changes the title to the option names, see below. However, I could not figure out the code for it to display only the Option1 Value.

{{ card_product.options | escape }}

Still working no finding the correct code. So the name for Option1 Name is "Color Number & Name
" and what I want to display is the "Option1 Value" which obviously would be different for each product. 

Cheers,

David

[Jigar_Rathod]

Hello @CaptainDave ,

I think you just need to change you product Title and write other details in Description.
Title - 701CV-005 Lilac
Description - Clover Tire Japanese Silk, 50 wt, for Applique, Sewing, Quilting, #005 Lilac

[CaptainDave]

Thanks for your reply.

I thought about doing that, but it would throw the individual product pages off.

Cheers,

RS

[emergetechindia]

if you want to slice your long title to first two words  for your collection listing page and full title to be show in the product page ,then you can try this 

{{ product_card_product.title | split: ' ' | slice: 0, 2 | join: ' ' }}