Jump to content

How do I have a different header image for each category?

Recommended Posts

Hi,

I was wondering if it possible to be able to create a different header for each category within the shop?

For example, I have categories such as rugs, furniture, beds.... but once a customer drills down into each category, I want there to be a header explaining the categories better with an image and some text (I can create the images with the text included so no need for the text part.)

I have attached examples on a site that I love. as you can see, each category has a different header.

 

Screenshot 2021-01-12 at 10.53.50.png

Screenshot 2021-01-12 at 10.54.06.png

Link to comment
  • 3 months later...
  • 3 weeks later...

hi @tuanphan, yes please! Thank you!

In terms of image, it would be like a banner image behind the text, but I understand if that's not possible with this forum. I thought about doing separate stores for each one since the functionality exists for the landing page of each store, but I think that would get screwy with SEO and inventory. I was hoping to find a plugin, but no luck. So frustrating!

Link to comment
17 minutes ago, kcasey said:

hi @tuanphan, yes please! Thank you!

In terms of image, it would be like a banner image behind the text, but I understand if that's not possible with this forum. I thought about doing separate stores for each one since the functionality exists for the landing page of each store, but I think that would get screwy with SEO and inventory. I was hoping to find a plugin, but no luck. So frustrating!

Do you mean the category pages of each shop? I used to implement custom code for post category with a client

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

hi @bangank36 , yes, this is exactly what I mean, the category page at the top of each shop. Right now, it's just the items in the category, but I'd love to be able to include a category-specific image, title, and some intro text. 

Would you be able to post your solution here? I'd be very, very grateful!

And if you're comfortable, could you share the website you accomplished this on? I've love to see it. I hope that's acceptable to ask, but no worries if you're not comfortable with that.

Link to comment
19 hours ago, kcasey said:

hi @bangank36 , yes, this is exactly what I mean, the category page at the top of each shop. Right now, it's just the items in the category, but I'd love to be able to include a category-specific image, title, and some intro text. 

Would you be able to post your solution here? I'd be very, very grateful!

And if you're comfortable, could you share the website you accomplished this on? I've love to see it. I hope that's acceptable to ask, but no worries if you're not comfortable with that.

It's a unfinished website so I can only give generic approach, so you have to read the the site url to get the current tag and category page. Then combine it with a dictionary to display image or text accordingly

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@bangank36 Can you be a little more specific? I can identify the category pages, but am unsure how to do anything else. Are you able to share the code to make this happen? I should be able adjust to specifically target the content on my site, but I don't know where to start.

Thanks!

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.