We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How do I make the product image banners different?

Solved

How do I make the product image banners different?

sianherrington
Visitor
2 0 2

When I change the image banner on one of my product pages it changes on all three of them. I'd like to have a different banner for each product. Where am I going wrong? Thank you for your help. 

 

Screenshot 2022-07-13 115949.png

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 840 1007

This is an accepted solution.

Hi @sianherrington 

 

In order to differ the image banner for each product page, the instructions below are what you're after:

 

  • Step 1: Make a different product template for each product by going to Online Store > Themes > Customize > Select Products from the page selector at the top center > Click on Create template

AvadaCommerce_0-1657725166951.png

  • Step 2: Assign each product to the corresponding template by going to each product, scrolling down to the Online Store section > change to the corresponding template

AvadaCommerce_1-1657725326402.png

  • Step 3: Go back to the theme editor and add different image banner to each template.

 

Hope this helps.

 

 

banned

View solution in original post

Replies 7 (7)

SmallTask
Shopify Partner
973 41 55

Hi @sianherrington ,

 

You should customize the product.liquid code to add banner separately for each product.

banned
sianherrington
Visitor
2 0 2
Do you know of any instructions on how I can do this please?
upserve
Shopify Partner
28 0 0

also interesting, please

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on https://ua.linkedin.com/in/yanchuga regarding any help
Shopify Partner | Telegram : https://t.me/yanwinner

AvadaCommerce
Shopify Partner
3879 840 1007

This is an accepted solution.

Hi @sianherrington 

 

In order to differ the image banner for each product page, the instructions below are what you're after:

 

  • Step 1: Make a different product template for each product by going to Online Store > Themes > Customize > Select Products from the page selector at the top center > Click on Create template

AvadaCommerce_0-1657725166951.png

  • Step 2: Assign each product to the corresponding template by going to each product, scrolling down to the Online Store section > change to the corresponding template

AvadaCommerce_1-1657725326402.png

  • Step 3: Go back to the theme editor and add different image banner to each template.

 

Hope this helps.

 

 

banned
SmokeEraser
Tourist
6 0 1

I need the rest of the directions. I need to create and use an image (I will design) to appear on just one particular product page. I cannot find directions for how to do this from start to finish. I believe there is a coding portion to accomplish this, but the one YouTube video I can find explaining this is flawed I have found from reading the comments. He is missing a step. Please reply with full instructions

 

Mohnish01
New Member
12 0 0

Creating different templates for different collection pages, will it affect site performance or speed?

remudawesternwe
Tourist
10 0 4

Insanity.