How to add a Hero module on Collection pages

FawaazAbbas
New Member
2 0 0

Hey guys,

 

I want to add little module style snippets in the middle of products on a collection page; similar to Farfetch and Harrods.

I have attached a screenshot of what I mean; I know how to code in Ruby and the Shopify liquid files just need help on finding out where to go and what to add to make this happen (for mobile and desktop)

 

Thanks in advance for the help!

 

This is kinda how I want it to look...

Screenshot (602).png

 

Blwo is examples from Farfetch and Harrods, who have these sorts of modules mid-collection page

 

Screenshot (601).pngScreenshot (600).png

 

 

My Shopify theme is Impulse and the filter app I used is "Product Filter & Search" by Boost Commerce.

Store name: Linvelles

0 Likes
LitExtension
Shopify Partner
1191 150 212

Hi @FawaazAbbas

Please go to sections > collection-template.liquid file and add code: https://i.imgur.com/6f68U4I.png

{%- if forloop.index == number -%}

// show content

{%- endif -%}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
FawaazAbbas
New Member
2 0 0

Hey @LitExtension,

 

This solution didn't really do anything; here is a screenshot of what I did.

I assumed that "// show content" means to place in stuff; but without or without, nothing came up.

 

Please help!

 

Kind Regards,

Fawaaz Abbas

Fawaaz AbbasScreenshot (606).png

0 Likes