How to put banner images on collection pages

SpyderPB6
Shopify Partner
16 0 2

Hello Everyone,


I want to add on each collection page, different banner images just below the header that highlight each collection's offerings. My default setup is an up to 10 image slider on the home page, but no such selection offered for the collection page nor individual collections page's.

If anyone out there has any pointer, that would be great. I know basic HTML and CSS, but am new to liquid.

The site is: NeotericFurniture.com

The Password is : shop321

 

Thanks,
Mike.

rickydazla
Shopify Expert
690 0 73

This will help you add a static image: wiki.shopify.com/Collection_img_url

I'm a million different people
0 Likes
James_Noakes
New Member
1 0 0

Hi,

I am trying to do the same thing, add a banner to each different category page just under my header but cannot find out how to do that.

in the shopify manual link above it mentioned to add it under the category page and the 'featured images' upload.

this is not working for me. The image seems to upload to the backend but not his displays.

likewise when I insert an image into the description section here too…. it uploads a mini version of the image and displays this tiny image - not matter what the dims of my uploaded image are.

 

Any help would be greatly appreciated.

 

thanks

0 Likes
Wayne_Harvey
Shopify Partner
1 0 1

I'm also looking, so far in vain, for a way to place a unique banner image on each collection page. Can anyone give a current method?

Thanks, Wayne

Joe_Giral
Tourist
7 0 4

Also looking. Nobody seems to be replying to this

 

0 Likes
Caprice_Danzy1
New Member
2 0 0

How do we add banners to the product category page???

0 Likes
Joe_Giral
Tourist
7 0 4

I think I figured it out.

Under Products / Collections / (name of one collection), you will see an area for the title of that collection and the description. Above the description you'll find icons for text, formatting and (wait for it) images.

Click the image icon to add a photo.

O_D
New Member
19 0 0

?

0 Likes
PaulNewton
Shopify Partner
2586 136 473

Also looking. Nobody seems to be replying to this

Solved problem, unless details have been omitted, search the forums: https://ecommerce.shopify.com/ecommerce/collection-image

From myshopify.com/admin/collections select the specific collection, then on the righthand sidebar there is a literal spot for the collection specific image.

If there is an image there and it doesn't show on the frontend, then the theme in use isn't coded to display collection images.

Under Products / Collections / (name of one collection), you will see an area for the title of that collection and the description. 

This is to put images in the Collection-Description which can create display issues(read wreck the layout) if images are not manually entered in proper fashion(SOP) and does not give as much flexibility elsewhere in the theme,or with apps.

..then where it says theme suffix change it to "collection.image".

Currently this ONLY applies IF the theme has alternate templates otherwise this feature DOES NOT APPEAR https://docs.shopify.com/themes/customization/store/create-alternate-templates

See also:

 https://docs.shopify.com/themes/liquid/objects/collection#collection-image

https://ecommerce.shopify.com/c/ecommerce-design/t/display-collection-featured-image-instead-of-prod...

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Caprice_Danzy1
New Member
2 0 0

My theme comes in alternat version though it is not a shopify theme. I do not see the collections.image option

0 Likes