Add a custom footer

This guide shows you two different ways to set a global custom footer for your site:

• Create a footer using a content block
• Create a footer in your theme

Create a footer using a content block

1. Go to the store settings

2. Under the CMS tab click on ‘footer content block’

   

3. On the dropdown being displayed click on new content block

4. Select the ‘No added styling’ option in the content template field

5. Give your content block a name

6. Place your HTML or liquid code in the content field

7. Click on Save

8. Now save the Store record

Create a footer in your theme

While using a custom theme you can insert your own footer following these steps:

1. Go to the theme you are currently working on
2. Create a new theme template
3. Use the snippets/footer key and paste the your template in the content field
4. Click on Save

Footer markup

Here’s a liquid and HTML boilerplate you can use for both methods above, feel free to modify it.

{%- cache "footer", items: [current_store, current_customer, current_privacy] -%}
  {%- if current_store.footer != blank %}
    {{ current_store.footer.render }}
  {%- else %}

      {%- if current_store.footer_menu != blank %}
        {{ current_store.footer_menu.render }}
      {%- endif %}

        © {{ current_store.name | default: "StoreConnect" }} {{ current_store.timezone | now | date: "%Y" }}
        {%- if current_privacy.accepted? %}

            {{ "privacy.manage_settings" | t }}

        {%- endif %}


  {%- endif %}
{%- endcache %}