Shopify themes, liquid, logos, and UX
Hello,
I am working on updating the theme on my shop (Canopy).
As part of this work, I wish to use the updated theme's contact-form.liquid from the sections folder.
However, no matter what I do, my custom page template insists on trying to use the snippets folder.
The code for the custom page is quite simple, I will share it here:
<div class="container">
<div class="reading-column">
<h1 class="page-title">{{ page.title }}</h1>
<div class="page-with-contact-form">
<div class="rte">{{ page.content | replace: 'fullwidth"', '" data-fullwidth="true"' }}</div>
<div class="section">
<div style="width: 80%; margin-left:9%; padding: 1%;">
{% render 'contact-form' %}
</div>
</div>
</div>
</div>
</div>
I've searched multiple different ways and cannot seem to find an answer. Here is what I have tried:
1.
<div class="section">
<div style="width: 80%; margin-left:9%; padding: 1%;">
{% render '../sections/contact-form' %}
</div>
2.
<div class="section">
<div style="width: 80%; margin-left:9%; padding: 1%;">
{% render '/sections/contact-form' %}
</div>
Neither method works, though.
How can I tell the theme to use the sections folder instead of the snippets folder for this custom page?
Solved! Go to the solution
This is an accepted solution.
@mgibson323 - when you use word render, it goes to snippets
This is an accepted solution.
Learn 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, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025