Adding Labels on the Image Banner

Technical Q&A
,
1

Hi everyone,

I’m using the Taste Theme on Shopify and trying to create a more attractive image banner for my collections page.

Specifically, I’d like to add labels [Olive Oils, Extra Virgin Olive oil, and so on] to the image banners. Here’s an example of what I’m aiming to achieve.

Screenshot 2024-12-20 at 10.13.02.jpg
Screenshot 2024-12-20 at 10.13.02.jpg2892×778 188 KB

2

Hey @huzunkaya

For that, you most probably will have to make code changes in your image banner section file. It will require some custom coding most probably so if you’re not familiar with coding then I would highly recommend you to hire a Shopify developer who can help you out with that. Feel free to let me know if you want me to help you out with that and I would be more than happy to give you a helping hand.

Best Regards,

Moeed

3

Hello @huzunkaya ,

Please share the store URL and confirm the existing option in the banner to input description allow html or not ?

Regards
Guleria

4

Hi Guleria,

This is the story url : https://olijfoliemarkt.nl/collections/alle and not sure about allowing HTML in the banner.

Br.

5

Please follow:

  1. Add this html next to banner description ( change value one, two, three, four a/to your need )
    Your existing banner description is

( Verken onze zorgvuldig samengestelde selectie van prijswinnende olijfoliën, elk met passie en traditie vervaardigd. )


  One, Two, Three, Four
  1. Edit theme.liquid

search for

now just before to it add this code

Regards
Guleria