Shopify themes, liquid, logos, and UX
Hey all!
I think this is a fairly easy task but coding is not exactly my specialty!
This is an alternate collection template we are using for a special christmas promo.
I would like to move the section that displays the Collection Promotions to the bottom of the collection page.
Right now, when enabled, and blocks added, it shows at the very top.
Can anyone help with moving the code to where it needs to be to show at the bottom of the collection page?
{% section 'collection-header' %}
<div id="CollectionAjaxResult" class="collection-content">
<div id="CollectionAjaxContent">
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-fifth grid__item--sidebar">
{% section 'collection-sidebar' %}
</div>
<div class="grid__item medium-up--four-fifths grid__item--content">
{% section 'collection-promotions' %}
<div class="collection-grid__wrapper">
{% section 'collection-template' %}
</div>
</div>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CollectionPage",
{% if collection.description != blank %}
"description": {{ collection.description | strip_html | json }},
{% endif %}
{% if page_image %}
{% assign image_size = page_image.width | append: 'x' %}
"image": {
"@type": "ImageObject",
"height": {{ page_image.height | json }},
"url": {{ page_image | img_url: image_size | prepend: "https:" | json }},
"width": {{ page_image.width | json }}
},
{% endif %}
"name": {{ collection.title | json }}
}
</script>
@Quilters_Store- can you please share the page link where you have that promotion part?
hmmm Just realized that didn't come up quite the way it looks in the code editor!
Here is a screenshot instead.
You can see the test page here:
https://www.quilterscupboard.ca/collections/rg2021-test-collection
I have enabled the Collection promotion and added 3 image blocks @ 33% each.
They show above the collection description which has an embedded video in it currently.
I want the collection promotions to show at the bottom of the collection page, below the products, similar to the Footer promotions, but only on the collections that use this specific collection template. Otherwise, I would just change the footer promotions. But we don't want those promotions to appear on the whole site.
Does that make sense?
@Quilters_Store- do you want like this? if yes then you need to change the order in code, put collection promotion below collection template section , if you want then I can do it for you, you can contact me .
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025