Adding a header image to Product Category Pages

Site URL: https://www.sweetteahostess.com/products/low-country-boil

Hello,
I'm trying to add a header image to each category page within a 7.1 shop. Currently, if you add an image it appears across the entire store. I would like each category to have its own image. For example products > low country boil would use one image while products > oyster roast would use a different image.

Currently, we achieve this by creating standalone pages using a summary block. But this creates competing pages. Ideally, from an SEO standpoint I would like to avoid this and use the shop pages. But having a distinct hero image on each page is a priority.

Appreciate any thoughts.

Following this, as I'm trying to do the same.

https://www.soulmaidjewelry.com/shop

Following too as I want the same thing! Although, I'd also like to each category to have its own header image, title, and intro text. 

If you want to add Title/Intro text, we can give the code.

With image, very complex.

Hi @tuanphan. Yes, please on the title and intro code. Thank you!

Re: image. What do you mean by very complex? I'd be open to a complex solution if you could explain a little more. I really greatly appreciate any insight or assistance you can provide here. 

23 hours ago, kcasey said:

Hi @tuanphan. Yes, please on the title and intro code. Thank you!

Re: image. What do you mean by very complex? I'd be open to a complex solution if you could explain a little more. I really greatly appreciate any insight or assistance you can provide here. 

See this code by @creedon

@kcasey

As tuanphan mentions. It is involved. The code cited is for v7.1 and for adding text only. There is similar code for v7.0 here. But again only handles text.

@kcasey

Please see Add Store Category Accordion.

Let us know how it goes.

I have been spending some time to also figure out whether you can customise category pages by having different images and different copy. I guess it's still not possible out of the box? (highly frustrating!)

On 7/9/2021 at 8:39 AM, JeffDD said:

I have been spending some time to also figure out whether you can customise category pages by having different images and different copy. I guess it's still not possible out of the box? (highly frustrating!)

 

Have you tried @creedon code yet?

I have updated my code post adding support for v7.1.

Hi Thomas @creedon - Thanks for sharing this code! I installed this with 7.1 and it was working great for category headers, but found that it was also hiding the ProductItem-additional section. 

@Luke__

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

@creedon

I followed your instructions as best as possible. 

I was able to add the code block to a section above the store page.

However the text/image below the block shows on every category.

Can you take a look?

The site is live so I just put an asterisk for now.

https://www.newlondondoodles.com/available/poseylitter

Thanks!

James

@ creedon

NM I realized I was using the according and not the description script. 

The description text is working...just double checking there is no current way to put an unique image over the product category pages (If I wanted to show the picture of the parents?)

https://www.newlondondoodles.com/available/litter-a

Thanks!
James

On 3/10/2022 at 1:07 AM, teslahunter said:

@ creedon

NM I realized I was using the according and not the description script. 

The description text is working...just double checking there is no current way to put an unique image over the product category pages (If I wanted to show the picture of the parents?)

https://www.newlondondoodles.com/available/litter-a

Thanks!
James

The url doesn't exist

I too am wishing we could add a unique header image and text to each shop/category page -so very important! Following and hoping Squarespace will come through for us!

5 hours ago, klastrategy said:

I too am wishing we could add a unique header image and text to each shop/category page -so very important!

It is possible with custom code. I've created several effects that do this.

Weather they would work for you I can't tell as I'd need more details about your need.

Has there been any update on this situation? I really need this for my website