Liquid, JavaScript, themes, sales channels
Hello, I would like to add an image per collection page on the side of each grid. After two/three rows of images, each collection page will have an image that's a 2 x 2 block that can link to another page or site.
Here's what I think the steps would be:
1. Create a new image upload form to be added in the collection page editor (Separate from the main desc box, form should include option to insert link destination)
See photo for example:
I'm currently stuck on how to display the in the grid itself as the collection page has a loop of product items, and I don't know how to insert the image there. Can someone point me in the right direction? Currently using the Symmetry theme v4.5.0
collection-template.liquid snippet
<div class="collection-listing{% if section.settings.coll_gridstream_mode == 'stream' %}-stream{% endif %} cf">
<div class="product-list">
{% for product in collection.products %}
{% include 'product-block' with product, include_quick_buy_markup: include_quick_buy_markup %}
{% endfor %}
</div>
</div>
Hello,
Please share the URL of your store.
Hey, thanks for replying. Currently the store is under development so it's not online as of yet.
Hi! I am trying to do something similar. Were you ever able to figure something out?
Hi,
Hope you're good!
Did you manage to create this kind of section ?
Im looking for the same 🙂
Hi, have you solved this, was trying to do think too.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024