Shopify themes, liquid, logos, and UX
Hello guys, I was wondering if there's any option to add the "Custom Liquid" block to the footer block options.
I need to add 3 buttons and some text via custom liquid and due to the css character limit I cannot add them in the same custom liquid block.
Is there an option to have two custom liquid displayed side by side instead of grid?
Thanks for all the support.
1. Create a new section.
-> In your Shopify admin, go to Online Store > Themes > Actions > Edit code.-
-> In the Sections folder, click Add a new section.
-> Name your section (e.g., custom-footer), and click Create section.
2. Add Custom Liquid Option
-> Open the section file (custom-footer.liquid).
-> Add the custom Liquid option. For example, let's add a custom text option
For reference, the expected output after executing this code will appear as follows: -> https://prnt.sc/whu_0OSF3-Fk
{% schema %}
{
"name": "Footer",
"settings": [
{
"type": "text",
"id": "custom_text",
"label": "Custom Text",
"default": "Your custom text here"
}
],
"blocks": [
{
"type": "default",
"name": "Default Block",
"settings": []
}
],
"presets": [
{
"name": "Footer",
"category": "Footer"
}
]
}
{% endschema %}
<footer>
<div class="footer-content">
<p>{{ section.settings.custom_text }}</p>
</div>
</footer>
3. Include the Section in Your Theme
-> Open your theme.liquid file located in the Layout folder.
-> Add the following line where you want the custom footer to appear
{% section 'custom-footer' %}
This is how you can achieve your custom section.
Thanks for your help, but unfortunately, this is not what I'm looking for. I want to add a custom liquid block as shown in the screenshot, not below the default footer options, as I already have it. Is there an option to do so?
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025