Jump to content

How to display category in product name

Recommended Posts

  • Replies 11
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 3 months later...
20 minutes ago, L_Avec said:

Has there been a solution found to this question?

This thread is unanswered because it's difficult to understand the question. 🤔

If you can provide a working link to a product on your site, and a mockup of what you'd like to see, we may be able to help. 🙂

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
On 10/5/2020 at 3:58 PM, paul2009 said:

This thread is unanswered because it's difficult to understand the question. 🤔

If you can provide a working link to a product on your site, and a mockup of what you'd like to see, we may be able to help. 🙂

Of course!  I can't share a link to the actual site - due to contractual agreements, but I can share a dummy site, as well as a visual of what I'm looking for.

I think what they are asking (or at least what I am asking) is, in your shop feed, or product page, 
is it possible to add the category in which that product lives before the product name?

Such as how can with blog posts, add the category and/or date metadata before the blog post title. 

this is how it is: CURRENT.thumb.png.0f80a29cf60378f3995b2877d7693122.png

this is what I would like for the shop page: Desired.thumb.jpg.bd5a08a51fff1bd5661cbdaeebbe7bf6.jpg

and on the  individual product page: productpage-desired.thumb.jpg.cfda1851e9acc9059a7398f7ec22362a.jpg

I am in 7.1 - but if you need a link to the dummy site which is based in the same starting template and shop template as the site i'm working on, I am more than happy to share. 

Thanks so much!!

Link to comment
  • 1 year later...
On 2/10/2022 at 9:35 AM, vivid11 said:

I am also keen to know the answer to this. I need to figure out how to do that exact thing - add the product category along with the title in the shop page. Keen to know the solution!

I just think of some ideas. Can you share link to your shop page? I can test something

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 10 months later...
  • 1 year later...
On 10/7/2020 at 12:31 AM, L_Avec said:

What I am asking is, in your shop feed, or product page, is it possible to add the category in which that product lives before the product name?

There isn't a built in feature that allows you to expose the product category on individual products but you could write some JavaScript to do this. For example, on the Store Page (otherwise known as the Product List Page), if a product is in a category, that grid-item will have a category class that indicates the class. By looking for this class, you could show the category name visibly on the page. That said, the exact script will depend on how and where you want the categories to be displayed and how you want them to be shown when a product is in more than one category.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
2 hours ago, paul2009 said:

There isn't a built in feature that allows you to expose the product category on individual products but you could write some JavaScript to do this. For example, on the Store Page (otherwise known as the Product List Page), if a product is in a category, that grid-item will have a category class that indicates the class. By looking for this class, you could show the category name visibly on the page. That said, the exact script will depend on how and where you want the categories to be displayed and how you want them to be shown when a product is in more than one category.

Would you be so kind as to help me write such code? In my store, products will always have a maximum of two categories, and I would like them to be displayed side by side, for example: new | leasing. I would like the category to be displayed beneath the name on the store view (new | leasing), whereas above the name for a specific product. In an ideal world, on the product page, I would like them to be buttons in pill shape, with a background color of #3F4A5C, font: UrbaneRounded-DemiBold in white.

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.