FROM CACHE - en_header

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

Replies 2 (2)
LitExtension
Shopify Partner
4444 908 938

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
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