Footer

Description

Available On

The following is a list of pages the section template can be found on:

• Theme

The Footer section is imported from the layout template and used globally. The Page Header template is also global.

Template Markup

<footer class="footer hidden-print {% if section.settings.background_color_preset != 'none' %}{{ section.settings.background_color_preset | append: '-section-color-preset' }}{% endif %}" data-preview-item="footer">
  <div class="container">

    <div class="section__content">

      {% if section.settings.show_navigation != "false" %}
        <ul class="footer__site-nav">
          <li class="footer__nav-item">
            <a href="{{ site.home_url }}">
              {{ 'liquid.partials.footer.link_home' | translate }}
            </a>
          </li>
          <li class="footer-nav__item">
            <a data-uv-trigger="true" href="mailto:{{ site.support_email }}">
              {{ 'liquid.partials.footer.link_support' | translate }}
            </a>
          </li>
          {% if site.has_terms %}
          <li class="footer__nav-item">
            <a href="{{ site.terms_url }}">
              {{ 'liquid.partials.footer.link_terms' | translate }}
            </a>
          </li>
          {% endif %}
          {% if site.has_privacy_policy %}
          <li class="footer__nav-item">
            <a href="{{ site.privacy_policy_url }}">
              {{ 'liquid.partials.footer.link_privacy_policy' | translate }}
            </a>
          </li>
          {% endif %}
        </ul>
      {% endif %}

      <ul class="footer__social-nav">
      {% for block in section.blocks %}
        <li class="footer__nav-item"><a href="{{ block.settings.social_url }}"><i class="icon {{ block.settings.social_icon }}"></i></a></li>
      {% endfor %}
      </ul>

      {% if section.settings.show_copyright != "false" %}
      <div class="footer__copyright">
        {% if section.settings.custom_copyright != blank %}
          {{ section.settings.custom_copyright }}
        {% else %}
          {{ site.copyright }}
        {% endif %}

      </div>
      {% endif %}

      {% unless site.white_labelling_activated %}
        <div class="footer__white-label">
          <a href="//www.thinkific.com/?utm_source={{ site.subdomain }}&utm_medium=powered-by&utm_campaign=Referral" target="_blank">Powered By Thinkific</a>
        </div>
      {% endunless %}

    </div>

  </div>
</footer>

{% style %}
...
{% endstyle %}

{% schema %}
...
{% schema %}

Style

Alignment, Layout & Style modifiers will be encapsulated with {% style %} & {% endstyle %} tags.

footer.footer {

}

Schema

Schema will be encapsulated with {% schema %} & {% endschema %} tags.

{
  "label": "Footer",
  "settings": [
    {
      "label": "Text",
      "settings": [
        {
          "type": "checkbox",
          "id": "show_copyright",
          "label": "Show Copyright",
          "default": "true"
        },
        {
          "type": "richtext",
          "id": "custom_copyright",
          "label": "Custom Copyright",
          "description": "If a custom copyright message is not present, the default system copyright is displayed, unless disabled.",
          "default": "Copyright © {{ site.name }}"
        }
      ]
    },
    {
      "label": "Navigation",
      "settings": [
        {
          "type": "checkbox",
          "id": "show_navigation",
          "label": "Show Navigation",
          "default": "true"
        }
      ]
    }
  ],
  "blocks": {
    "label": "Add Social Link",
    "limit": 10,
    "types": [
      {
        "type": "social_link",
        "label": "",
        "settings": [
          {
            "type": "image",
            "id": "social_icon",
            "label": "Icon"
          },
          {
            "type": "text",
            "id": "social_url",
            "label": "URL"
          }
        ]
      }
    ],
    "defaults": [
      {
        "type": "social_link",
        "values": {
          "social_icon": "fa-facebook",
          "social_url": "//www.facebook.com"
        }
      },
      {
        "type": "social_link",
        "values": {
          "social_icon": "fa-instagram",
          "social_url": "//www.instagram.com"
        }
      },
      {
        "type": "social_link",
        "values": {
          "social_icon": "fa-youtube",
          "social_url": "//www.youtube.com"
        }
      }
    ]
  }
}