Hello! I have a store with the motion theme and I need to add a WhatsApp link in the footer but is not in the default social media list, so I want to know if there’s a way to add it.
I want it here:
1 Like
please share the code of footer.liquid file.
{%- liquid
assign show_selectors = false
assign currency_selector = false
assign locale_selector = false
if section.settings.show_currency_selector and shop.enabled_currencies.size > 1
assign currency_selector = true
endif
if section.settings.show_locale_selector and shop.enabled_locales.size > 1
assign locale_selector = true
endif
if currency_selector or locale_selector
assign show_selectors = true
endif
-%}
{%- assign row_width = 0 -%}
{%- for block in section.blocks -%}
{%- assign row_width = row_width | plus: block.settings.container_width -%}
{%- style -%}
@media only screen and (min-width: 769px) {
.footer__item--{{ block.id }} {
width: {{ block.settings.container_width }}%;
}
}
{%- endstyle -%}
{%- if row_width > 100 -%}
{%- assign row_width = row_width | minus: 100 -%} {%- endif -%}{%- case block.type -%}
{%- when ‘logo_social’ -%}
{%- render 'footer-logo-social', block: block -%}
{%- when 'custom' -%}
{%- render 'footer-custom-text', block: block -%}
{%- when 'newsletter' -%}
{%- render 'footer-newsletter', block: block -%}
{%- when 'menu' -%}
{%- render 'footer-menu', block: block -%}
{%- endcase -%}
{%- endfor -%}
{%- if show_selectors -%}
{%- form 'localization', class: 'multi-selectors site-footer__bottom-block', data-disclosure-form: '' -%}
{%- if locale_selector -%}
{%- endif -%}
{%- endif -%}
{%- endform -%}
{%- endif -%}
{{ 'general.language.dropdown_label' | t }}
{{ form.current_locale.endonym_name }}
-
{%- for locale in form.available_locales -%}
- {{ locale.endonym_name }} {%- endfor -%}
{%- if currency_selector -%}
{{ 'general.currency.dropdown_label' | t }}
{%- if section.settings.show_currency_flags -%}
{%- endif -%}
{{ form.current_currency.iso_code }} {%- if form.current_currency.symbol -%}{{ form.current_currency.symbol }}{%- endif -%}
-
{%- for currency in form.available_currencies -%}
- {%- if section.settings.show_currency_flags -%} {%- endif -%} {{ currency.iso_code }} {%- if currency.symbol -%}{{ currency.symbol }}{%- endif -%} {%- endfor -%}
{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
-
{%- for type in shop.enabled_payment_types -%}
- {{ type | payment_type_svg_tag }} {%- endfor -%}
{%- if section.settings.show_copyright -%}
© {{ 'now' | date: '%Y' }} {{ shop.name }}
{%- if section.settings.copyright_text != blank -%}
{{ section.settings.copyright_text }}
{%- endif -%}
{%- endif -%}
{% schema %}
{
“name”: “Footer”,
“max_blocks”: 12,
“settings”: [
{
“type”: “header”,
“content”: “Language selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_locale_selector”,
“label”: “Show language selector”,
“default”: true
},
{
“type”: “header”,
“content”: “Currency selector”,
“info”: “To add a currency, go to your currency settings.”
},
{
“type”: “checkbox”,
“id”: “show_currency_selector”,
“label”: “Show currency selector”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_currency_flags”,
“label”: “Show currency flags”,
“default”: true
},
{
“type”: “header”,
“content”: “Additional footer content”
},
{
“type”: “checkbox”,
“id”: “show_payment_icons”,
“label”: “Show payment icons”
},
{
“type”: “checkbox”,
“id”: “colorize_payment_icons”,
“label”: “Colorize payment icons”
},
{
“type”: “checkbox”,
“id”: “show_copyright”,
“label”: “Show copyright”
},
{
“type”: “text”,
“id”: “copyright_text”,
“label”: “Additional copyright text”
}
],
“blocks”: [
{
“type”: “logo_social”,
“name”: “Logo and social”,
“limit”: 1,
“settings”: [
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Logo image”
},
{
“type”: “range”,
“id”: “desktop_logo_height”,
“label”: “Logo height”,
“default”: 50,
“min”: 20,
“max”: 120,
“unit”: “px”
},
{
“type”: “paragraph”,
“content”: "Social networking links will appear here when added in your general theme settings under Social media. "
},
{
“type”: “range”,
“id”: “container_width”,
“label”: “Column width”,
“default”: 20,
“min”: 15,
“max”: 95,
“unit”: “%”
}
]
},
{
“type”: “menu”,
“name”: “Menu”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_footer_title”,
“label”: “Show title”,
“default”: true
},
{
“type”: “link_list”,
“id”: “menu”,
“label”: “Choose a menu”,
“default”: “footer”,
“info”: “This menu won’t show dropdown items”
},
{
“type”: “range”,
“id”: “container_width”,
“label”: “Column width”,
“default”: 20,
“min”: 15,
“max”: 95,
“unit”: “%”
}
]
},
{
“type”: “newsletter”,
“name”: “Newsletter”,
“limit”: 1,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_footer_title”,
“label”: “Show title”,
“default”: true
},
{
“type”: “paragraph”,
“content”: “Any customers who sign up will have an account created for them in Shopify. View customers.”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Sign up and save”
},
{
“type”: “richtext”,
“id”: “richtext”,
“label”: “Text”,
“info”: “Optional”,
“default”: “
Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.
”},
{
“type”: “range”,
“id”: “container_width”,
“label”: “Column width”,
“default”: 20,
“min”: 15,
“max”: 95,
“unit”: “%”
}
]
},
{
“type”: “custom”,
“name”: “Custom text”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_footer_title”,
“label”: “Show title”,
“default”: true
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Custom text”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “
Add your own custom text here.
”},
{
“type”: “range”,
“id”: “container_width”,
“label”: “Column width”,
“default”: 20,
“min”: 15,
“max”: 95,
“unit”: “%”
}
]
}
],
“default”: {
“settings”: {},
“blocks”: [
{
“type”: “menu”,
“settings”: {}
},
{
“type”: “logo_social”,
“settings”: {}
}
]
}
}
{% endschema %}
There’s also this one called “footer-logo-social.liquid” with this code:
{%- if block.settings.logo -%}
{%- style -%}
.footer__logo a {
height: {{ block.settings.desktop_logo_height }}px;
}
{%- endstyle -%}
{%- assign footer_logo_size = block.settings.desktop_logo_height | prepend: 'x' -%}
![{{ block.settings.logo.alt | default: shop.name }}]()
{%- endif -%}
-
{%- if settings.social_facebook_link != blank -%}
- Snapchat {%- endif -%} {%- if settings.social_tiktok_link != blank -%}
- TikTok {%- endif -%} {%- if settings.social_tumblr_link != blank -%}
- Tumblr {%- endif -%} {%- if settings.social_linkedin_link != blank -%}
- YouTube {%- endif -%} {%- if settings.social_vimeo_link != blank -%}
- Vimeo {%- endif -%}
please also share the “footer-logo-social.liquid” from snippets folder
{%- if block.settings.logo -%}
{%- style -%}
.footer__logo a {
height: {{ block.settings.desktop_logo_height }}px;
}
{%- endstyle -%}
{%- assign footer_logo_size = block.settings.desktop_logo_height | prepend: 'x' -%}
![{{ block.settings.logo.alt | default: shop.name }}]()
{%- endif -%}
-
{%- if settings.social_facebook_link != blank -%}
- Snapchat {%- endif -%} {%- if settings.social_tiktok_link != blank -%}
- TikTok {%- endif -%} {%- if settings.social_tumblr_link != blank -%}
- Tumblr {%- endif -%} {%- if settings.social_linkedin_link != blank -%}
- YouTube {%- endif -%} {%- if settings.social_vimeo_link != blank -%}
- Vimeo {%- endif -%}
Hi, I’m having the same problem. Did you find any solution?