Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Anyway to add a subheading to products?


Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

See this thread:

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
Posted (edited)
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);
}

Capture.JPG

 

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);
}

Capture.thumb.JPG.38dc92b7e81d60429af3d09777731dba.JPG

Edited by hasher22
Link to comment

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.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...