Banners on collection page

New Member
7 0 0

Due tot the fact my last post was marked as spam, we give it another go.

 

We would like to have banners on our collection pages ( Different banners on different pages ) after 9 products, so it would be

9 products - banner - 9 products - banner and so on. ( store is iwantproof.de )

 

Schermafbeelding 2019-04-22 om 09.40.37.png

 

This is what we have so far, but these are the wrong pictures ( this picture is the collection.image pic )

 

We've uploaded the pictures to the collection description, but we can't figure out how to get them on the page ( which command prompt to use )

 

Schermafbeelding 2019-04-22 om 09.43.01.png( these images are uploaded to the cdn as Collection_breaks_filname.jpg )

 

 

 

 

At this point this how the code looks like :

 

 <div id="LifestyleImages">
  <img src="//cdn.shopify.com/s/files/1/0022/9634/8721/files/Collection_breaks_tamarack_elmore.jpg?7434" alt="">
                               <img src="{{ collection.image | img_url: 'master' }}" />
</div>

 

We don't have any communication anymore with the theme developer and we would like to solve this issue and we hope

that someone can help us out or can give us an idea what to look for.

 

thanks a bunch

 

Eelco

 

0 Likes
Shopify Partner
88 4 14
Hey there,

Sorry for the trouble you’re having. It would seem difficult to have a peice of code pulling the images in the descriptions. Probably best would be to place a link in the collection template after nine products (looping?) which would be based on the collection and you would be careful to name all images in the right way.

Does this help in any way?
Jay Friedmann | Developer @ Swiss Media
- Was my reply helpful? Click Like to let me know!
0 Likes
Shopify Partner
1755 289 374

Hi,

For that you must have knowledge of html and liquid,

because you have to get image from collection description and set in your place on page. 

You can find <img> tag in collection description and use them.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
7 0 0

Hi Jay,

 

 

thank you for the reply, we have something like that in the code.

 

Schermafbeelding 2019-04-22 om 10.26.48.png

 

We've tried to do something through the lifestyle- extra command but that didn't work, instead we got a bigger picture on the page.

It's probably a minor thing that we can't see / figure out.

We've tried several things but nothing has the desired result.

And our knowledge is pure basic.

 

Eelco

0 Likes
Shopify Partner
88 4 14
Are you trying to have the same amount of images in each collection? Say like 5 for each collection?
Jay Friedmann | Developer @ Swiss Media
- Was my reply helpful? Click Like to let me know!
0 Likes
New Member
7 0 0

It depends on the number of products that are in the collection so if we have 18 products in the collection it would be two

banners ( one after 9 products and one after 18 products ) and if we have 10 products it would be one banner.

The images are below the optinal collection description ( so we will put the images in each collection below the description as shown in

the second picture in my first post )

0 Likes
Shopify Partner
462 80 92

I am sorry to say, but I am not sure you can do it yourself, even will be instructions here, because the developer should look into the theme and add this new functionality.

The way to achieve this is the following.

You are adding your images into collection description section, then in code we grab this description and split it into an array of images... that is the first step, so we have an array of image.

The second step is edit the product loops section and load the images from the array we have created every 9 products.

That's how I see the solution.

It is about an hour work.

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
0 Likes
Highlighted
New Member
7 0 0

Hello Sarhov,

 

Thank you for the reply, however we don't have any communication with the developer.

I get your message however we are so close and we feel it's just a "minor" thing but

we can't seem to find it, even if it is staring us in the eyes.

 

Thanks

0 Likes