Anyway to add a subheading to products?

Site URL: https://onyxhive.com.au/cakes

Hello,

Is there anyway of adding a subheading under the product name?

https://onyxhive.com.au/cakes
 

For example under Cosmos, I want to write "cookies n cream"

Thanks!

See this thread:

2 hours ago, paul2009 said:

See this thread:

 

Thanks!

Fiddling with it now

5 hours ago, paul2009 said:

See this thread:

 

Hello,

Is there anyway of just adding the subheading to this page only? https://onyxhive.com.au/cakes

The subheading works, but how the JS works, it's showing in the individual product page as well cause I have to edit the product name.

Edit: I found a way to add the subheading via CSS only. But its adding to all products not just one, how do I target one product? The code I use:

Quote

.products.collection-content-wrapper .grid-main-meta .grid-title:after {
  display: block;
  content: "Test Test";
  font-size: 15px;
  line-height: 2em;
}
.products.collection-content-wrapper .grid-main-meta .grid-title:first-line {
  font-size: calc(.36vw + 1.5rem);
}

Edit 2: I fixed it! Used code:

Quote

#thumb-cosmos .grid-title:after {
  display: block;
  content: "Cookies n Cream";
  font-size: 15px;
  line-height: 2em;
}
#thumb-onyx .grid-title:after {
  display: block;
  content: "Chocolate Cherry";
  font-size: 15px;
  line-height: 2em;
}
#thumb-ivory .grid-title:after {
  display: block;
  content: "White Choc & Vanilla";
  font-size: 15px;
  line-height: 2em;
}
#thumb-scarlet .grid-title:after {
  display: block;
  content: "Strawberry n Cream";
  font-size: 15px;
  line-height: 2em;
}
#thumb-obsidian .grid-title:after {
  display: block;
  content: "Triple Chocolate";
  font-size: 15px;
  line-height: 2em;
}
.grid-title:first-line {
  font-size: calc(.36vw + 1.5rem);
}

Yes, it works by adding additional information to the Product title, so that it appears everywhere. It is often used for brand information and needs to carry through to other pages, cart and so on. If you only want it to appear on the Product List Page (PLP), you may want to consider a different solution, such as repurposing tags.

On 8/17/2021 at 9:56 PM, paul2009 said:

Yes, it works by adding additional information to the Product title, so that it appears everywhere. It is often used for brand information and needs to carry through to other pages, cart and so on. If you only want it to appear on the Product List Page (PLP), you may want to consider a different solution, such as repurposing tags.

Yes I found the solution and I already posted it