I am looking for a solution in adding a banner amongst my products on all collection pages. See example below where there is an ad/call to action banner placed between products. My page is beautiful-people-jewelry.myshopify.com I am using a custom theme. [Screenshot_1.png] [Screenshot_2.png]

@Ellimc - can you please give reference site link?

https://bynouck.com/collections/earrings

@Ellimc - actually when you click image you have a pop up which shows add to cart button

It definitely doesn’t do that on my side. It is just a static image with a text box on the side. Any idea on how to do this? I found this: https://community.shopify.com/post/532163 But I couldn’t figure it out on my theme

This is great! how did you get even that much? are you using a 2.0 theme?

Hi would you mind showing how to use it in the impulse team?

Hi I managed to do this using a custom blog type to use a featured image that is the same size as the collection product tile, and blog post metafields to control where in the collection the ad appears. If someone is interested I can post code for this, I’m using a custom theme.

Hey Martino3, would you please be able to post your code for this? I am looking to implement this for my theme.

Set up a custom blog type, I called mine marketing-promos. Use the featured image for the ad in the collection. Add metafields to the blog post. There is some css associated with the ad sizes - we’re using a three-column collection grid in Bootstrap. One thing - the ‘count’ variable is passed fr…

See example on our test site here: https://test-corporatedirectapparel.myshopify.com/collections/mens-jackets

Adding banner ad amongst products on collection page

Technical Q&A

JoaoRomo September 2, 2024, 10:05pm 16

hi, can you help me do this customization!

Topic		Replies	Views
Trick to incorporate banners within collection pages Store Design	17	371	February 27, 2025
Dawn - how to add custom banners in product grid on collection page Store Design design , customizations , collection-page , css , shopify-themes , html	4	70	December 26, 2024
How can I add banner images to my collections? Store Design design , collection-page	4	54	January 20, 2023
How to add page ad on product list collection page? Dawn Theme Store Design liquid , design , customizations , collection-page , css , shopify-themes	4	53	March 17, 2025
Add banner in grid section within collection page Store Design	3	92	November 10, 2022

Adding banner ad amongst products on collection page

Related topics