Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi Shopify Wizards 💻,
Can you explain me how can I add a small horizontal image that will appear on this page above the Title ? (see image below, green line)
Thank you !
Francisco
Solved! Go to the solution
This is an accepted solution.
Hi @Franz22 ,
If so, image will be same for all collections.
- You can upload images in Assets, ex: image-collection.png
- You just need to add this code in main-collection-banner.liquid file where you want to display it will work fine:
<img src="{{ 'image-collection.png' | asset_url }}" class="image" alt="" />
Hope it clear to you.
This is an accepted solution.
Hi @Franz22,
Please go to sections/main-collection-banner.liquid file and add code in line 6.
Refer https://i.imgur.com/3GZ3cII.png
Hope it clear to you.
This is code customization work .
Any other solution ? more specific solution please ?
Thank you
Hi @Franz22,
Please go to sections > main-collection-banner.liquid file and move code: https://i.imgur.com/ukItelW.png
Refer https://github.com/Shopify/dawn/blob/main/sections/main-collection-banner.liquid
Then you just need to upload the image in the collection, it will display fine. https://i.imgur.com/C9mVZHd.png
Hope it helps!
If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck
Hi,
Thank you for your answer. However what I want to upload is something different :
In that case, what should I do ?
Best,
Francisco
This is an accepted solution.
Hi @Franz22 ,
If so, image will be same for all collections.
- You can upload images in Assets, ex: image-collection.png
- You just need to add this code in main-collection-banner.liquid file where you want to display it will work fine:
<img src="{{ 'image-collection.png' | asset_url }}" class="image" alt="" />
Hope it clear to you.
Hi,
The asset integration and the line of code is clear. However, where exactly in main-collection-banner.liquid should do I add this line of code ?
I want the image to appear above "Monthly Selection". Please refer to my original thread to see details.
Thanks
Francisco
This is an accepted solution.
Hi @Franz22,
Please go to sections/main-collection-banner.liquid file and add code in line 6.
Refer https://i.imgur.com/3GZ3cII.png
Hope it clear to you.
User | RANK |
---|---|
116 | |
93 | |
72 | |
70 | |
45 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022