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 .
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