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 .
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024