Hello, I’d like to move my social media icons to show under the brand logo so that I can use the space in the right to add my newsletter.
This is how it looks right now:
This is how I want it to look:
Website: Mokai
2 Likes
sorry for any issue can you please share store url
Hi @apalacio !
This may be possible with some of our Shopify supported themes, our theme support team may be able to make this change if this is a supported customization. Can you tell me what theme you are currently using? Thanks!
{%- for block in section.blocks -%} {%- capture block_content -%} {%- case block.type -%} {%- when ‘image’ -%} {%- if block.settings.image != blank -%} {%- endif -%} {%- when ‘text’ -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%} {%- if block.settings.content != blank -%}{{- block.settings.content -}}
{%- endif -%} {%- when ‘links’ -%} {%- assign menu = block.settings.menu -%} {%- if menu != blank -%}
{{ menu.title }}
{%- for link in menu.links -%}- {{ link.title }}{%- endfor -%}
{%- endif -%} {%- when ‘social_media’ -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%}{%- if block.settings.content != blank -%} {{- block.settings.content -}} {%- endif -%} {%- render ‘social-media’ -%}
{%- when ‘newsletter’ -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%}{%- if block.settings.content != blank -%} {{- block.settings.content -}} {%- endif -%} {%- form ‘customer’, id: ‘footer-newsletter’, class: ‘footer__newsletter-form form’ -%} {%- if form.posted_successfully? -%}
{% render ‘icon’ with ‘form-success’ %}
{{ ‘footer.newsletter.success’ | t }}
{%- else -%} {%- if form.errors -%}{% render ‘icon’ with ‘form-error’ %}
{{ form.errors.translated_fields[‘email’] }} {{ form.errors.messages[‘email’] }}
{%- endif -%}{{ ‘footer.newsletter.email’ | t }} {% render ‘icon’ with ‘nav-arrow-right’, direction_aware: true %}
{%- endif -%} {%- endform -%}
{%- endcase -%} {%- endcapture -%} {%- if block_content != blank -%}{{- block_content -}}
{%- endif -%} {%- endfor -%}
{%- if section.settings.show_country_selector and localization.available_countries.size > 1 -%} {%- assign country_selector = true -%} {%- endif -%} {%- if section.settings.show_locale_selector and localization.available_languages.size > 1 -%} {%- assign locale_selector = true -%} {%- endif -%} {%- if country_selector or locale_selector -%} {%- form ‘localization’, id: ‘localization_form_footer’, class: ‘footer__cross-border’ -%} {%- if country_selector -%}
{{ ‘footer.general.country’ | t }} {{- localization.country.name }} ({{ localization.country.currency.iso_code }} {% if localization.country.currency.symbol %}{{ localization.country.currency.symbol }}{%- endif -%}) {%- render ‘icon’ with ‘chevron’, width: 9, height: 6, inline: true -%} {{- ‘footer.general.country’ | t -}} {%- render ‘icon’ with ‘close’ -%}
{%- for country in localization.available_countries -%} {{- country.name }} ({{ country.currency.iso_code }} {% if country.currency.symbol %}{{ country.currency.symbol }}{%- endif -%}) {%- endfor -%}
{%- endif -%} {%- if locale_selector -%}{{ ‘footer.general.language’ | t }} {{- localization.language.endonym_name | capitalize -}} {%- render ‘icon’ with ‘chevron’, width: 9, height: 6, inline: true -%} {{- ‘footer.general.language’ | t -}} {%- render ‘icon’ with ‘close’ -%}
{%- for language in localization.available_languages -%} {{- language.endonym_name | capitalize -}} {%- endfor -%}
{%- endif -%} {%- endform -%} {%- endif -%} {%- if section.settings.show_payment_icons and shop.enabled_payment_types.size > 0 -%}{{ ‘footer.general.we_accept’ | t }}
{% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag }} {% endfor %}
{%- endif -%}
{%- if section.settings.show_cookie_bar -%} {%- if section.settings.cookie_bar_title != blank -%}
{{ section.settings.cookie_bar_title }}
{%- endif -%} {%- if section.settings.cookie_bar_content != blank -%} {{- section.settings.cookie_bar_content -}} {%- endif -%}
{{ ‘footer.cookie_bar.accept’ | t }} {{ ‘footer.cookie_bar.decline’ | t }}
{%- endif -%} {% schema %} { “name”: “Footer”, “class”: “shopify-section–footer”, “max_blocks”: 5, “settings”: [ { “type”: “checkbox”, “id”: “show_payment_icons”, “label”: “Show payment icons”, “default”: true }, { “type”: “header”, “content”: “Country/region selector”, “info”: “To add a country/region, go to your currency settings.” }, { “type”: “checkbox”, “id”: “show_country_selector”, “label”: “Show country/region selector”, “default”: true }, { “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”: “Customer privacy bar” }, { “type”: “checkbox”, “id”: “show_cookie_bar”, “label”: “Show privacy bar”, “info”: “Privacy bar will only be visible if it fulfills the conditions of the Shopify Customer Privacy API”, “default”: false }, { “type”: “text”, “id”: “cookie_bar_title”, “label”: “Title”, “default”: “Cookie policy” }, { “type”: “richtext”, “id”: “cookie_bar_content”, “label”: “Content”, “default”: "
I agree to the processing of my data in accordance with the conditions set out in the policy of Privacy.
" } ], “blocks”: [ { “type”: “image”, “name”: “Image”, “settings”: [ { “type”: “image_picker”, “id”: “image”, “label”: “Image”, “info”: “300 x 300px .png recommended” }, { “type”: “range”, “id”: “image_width”, “min”: 50, “max”: 300, “step”: 10, “unit”: “px”, “label”: “Image width”, “default”: 150 } ] }, { “type”: “text”, “name”: “Text”, “settings”: [ { “type”: “text”, “id”: “title”, “label”: “Heading”, “default”: “About our store” }, { “type”: “richtext”, “id”: “content”, “label”: “Content”, “default”: "
Use this text area to tell your customers about your brand and vision. You can change it in the theme editor.
" } ] }, { “type”: “links”, “name”: “Links”, “settings”: [ { “type”: “link_list”, “id”: “menu”, “label”: “Menu”, “info”: “This menu won’t show dropdown items.”, “default”: “footer” } ] }, { “type”: “social_media”, “name”: “Social media”, “limit”: 1, “settings”: [ { “type”: “paragraph”, “content”: “To configure social media, go to your social media settings.” }, { “type”: “text”, “id”: “title”, “label”: “Heading”, “default”: “Follow us” }, { “type”: “richtext”, “id”: “content”, “label”: “Content”, “default”: "
To configure social media, go to your social media settings. Change this text in the theme editor.
" } ] }, { “type”: “newsletter”, “name”: “Newsletter”, “limit”: 1, “settings”: [ { “type”: “paragraph”, “content”: “Customers who subscribe will have their email address added to the "accepts marketing" customer list.” }, { “type”: “text”, “id”: “title”, “label”: “Heading”, “default”: “Newsletter” }, { “type”: “richtext”, “id”: “content”, “label”: “Content”, “default”: "
A short sentence describing what someone will receive by subscribing
" } ] } ], “default”: { “blocks”: [ { “type”: “text”, “settings”: {} }, { “type”: “links”, “settings”: {} }, { “type”: “newsletter”, “settings”: {} }, { “type”: “social_media”, “settings”: {} } ] } } {% endschema %}
1 Like
thanks for code can you please try this code
{%- for block in section.blocks -%} {%- capture block_content -%} {%- case block.type -%} {%- when 'image' -%} {%- if block.settings.image != blank -%}{%- endif -%} {%- render 'social-media' -%} {%- when 'text' -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%} {%- if block.settings.content != blank -%}
{{- block.settings.content -}}
{%- endif -%} {%- when 'links' -%} {%- assign menu = block.settings.menu -%} {%- if menu != blank -%}
{{ menu.title }}
{%- for link in menu.links -%}
{{ link.title }}
{%- endfor -%}
{%- endif -%} {%- when 'social_media' -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%}
{%- if block.settings.content != blank -%} {{- block.settings.content -}} {%- endif -%}
{%- when 'newsletter' -%} {%- if block.settings.title != blank -%}
{{ block.settings.title | escape }}
{%- endif -%}
{%- if block.settings.content != blank -%} {{- block.settings.content -}} {%- endif -%} {%- form 'customer', id: 'footer-newsletter', class: 'footer__newsletter-form form' -%} {%- if form.posted_successfully? -%}
{% render 'icon' with 'form-success' %}
{{ 'footer.newsletter.success' | t }}
{%- else -%} {%- if form.errors -%}
{% render 'icon' with 'form-error' %}
{{ form.errors.translated_fields['email'] }} {{ form.errors.messages['email'] }}
{%- endif -%}
{{ 'footer.newsletter.email' | t }} {% render 'icon' with 'nav-arrow-right', direction_aware: true %}
{%- endif -%} {%- endform -%}
{%- endcase -%} {%- endcapture -%} {%- if block_content != blank -%}
{{- block_content -}}
{%- endif -%} {%- endfor -%}
{%- if section.settings.show_country_selector and localization.available_countries.size > 1 -%} {%- assign country_selector = true -%} {%- endif -%} {%- if section.settings.show_locale_selector and localization.available_languages.size > 1 -%} {%- assign locale_selector = true -%} {%- endif -%} {%- if country_selector or locale_selector -%} {%- form 'localization', id: 'localization_form_footer', class: 'footer__cross-border' -%} {%- if country_selector -%}
{{ 'footer.general.country' | t }} {{- localization.country.name }} ({{ localization.country.currency.iso_code }} {% if localization.country.currency.symbol %}{{ localization.country.currency.symbol }}{%- endif -%}) {%- render 'icon' with 'chevron', width: 9, height: 6, inline: true -%} {{- 'footer.general.country' | t -}} {%- render 'icon' with 'close' -%}
{%- for country in localization.available_countries -%} {{- country.name }} ({{ country.currency.iso_code }} {% if country.currency.symbol %}{{ country.currency.symbol }}{%- endif -%}) {%- endfor -%}
{%- endif -%} {%- if locale_selector -%}
{{ 'footer.general.language' | t }} {{- localization.language.endonym_name | capitalize -}} {%- render 'icon' with 'chevron', width: 9, height: 6, inline: true -%} {{- 'footer.general.language' | t -}} {%- render 'icon' with 'close' -%}
{%- for language in localization.available_languages -%} {{- language.endonym_name | capitalize -}} {%- endfor -%}
{%- endif -%} {%- endform -%} {%- endif -%} {%- if section.settings.show_payment_icons and shop.enabled_payment_types.size > 0 -%}
{{ 'footer.general.we_accept' | t }}
{% for type in shop.enabled_payment_types %} {{ type | payment_type_svg_tag }} {% endfor %}
{%- endif -%}
{%- if section.settings.show_cookie_bar -%} {%- if section.settings.cookie_bar_title != blank -%}
{{ section.settings.cookie_bar_title }}
{%- endif -%} {%- if section.settings.cookie_bar_content != blank -%} {{- section.settings.cookie_bar_content -}} {%- endif -%}
{{ 'footer.cookie_bar.accept' | t }} {{ 'footer.cookie_bar.decline' | t }}
{%- endif -%} {% schema %} { "name": "Footer", "class": "shopify-section--footer", "max_blocks": 5, "settings": [ { "type": "checkbox", "id": "show_payment_icons", "label": "Show payment icons", "default": true }, { "type": "header", "content": "Country/region selector", "info": "To add a country/region, go to your [currency settings.](/admin/settings/payments)" }, { "type": "checkbox", "id": "show_country_selector", "label": "Show country/region selector", "default": true }, { "type": "header", "content": "Language selector", "info": "To add a language, go to your [language settings.](/admin/settings/languages)" }, { "type": "checkbox", "id": "show_locale_selector", "label": "Show language selector", "default": true }, { "type": "header", "content": "Customer privacy bar" }, { "type": "checkbox", "id": "show_cookie_bar", "label": "Show privacy bar", "info": "Privacy bar will only be visible if it fulfills the conditions of the [Shopify Customer Privacy API](https://shopify.dev/docs/themes/consent-tracking-api)", "default": false }, { "type": "text", "id": "cookie_bar_title", "label": "Title", "default": "Cookie policy" }, { "type": "richtext", "id": "cookie_bar_content", "label": "Content", "default": "
I agree to the processing of my data in accordance with the conditions set out in the policy of Privacy.
" } ], "blocks": [ { "type": "image", "name": "Image", "settings": [ { "type": "image_picker", "id": "image", "label": "Image", "info": "300 x 300px .png recommended" }, { "type": "range", "id": "image_width", "min": 50, "max": 300, "step": 10, "unit": "px", "label": "Image width", "default": 150 } ] }, { "type": "text", "name": "Text", "settings": [ { "type": "text", "id": "title", "label": "Heading", "default": "About our store" }, { "type": "richtext", "id": "content", "label": "Content", "default": "
Use this text area to tell your customers about your brand and vision. You can change it in the theme editor.
" } ] }, { "type": "links", "name": "Links", "settings": [ { "type": "link_list", "id": "menu", "label": "Menu", "info": "This menu won't show dropdown items.", "default": "footer" } ] }, { "type": "social_media", "name": "Social media", "limit": 1, "settings": [ { "type": "paragraph", "content": "To configure social media, go to your social media settings." }, { "type": "text", "id": "title", "label": "Heading", "default": "Follow us" }, { "type": "richtext", "id": "content", "label": "Content", "default": "
To configure social media, go to your social media settings. Change this text in the theme editor.
" } ] }, { "type": "newsletter", "name": "Newsletter", "limit": 1, "settings": [ { "type": "paragraph", "content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)." }, { "type": "text", "id": "title", "label": "Heading", "default": "Newsletter" }, { "type": "richtext", "id": "content", "label": "Content", "default": "
A short sentence describing what someone will receive by subscribing
" } ] } ], "default": { "blocks": [ { "type": "text", "settings": {} }, { "type": "links", "settings": {} }, { "type": "newsletter", "settings": {} }, { "type": "social_media", "settings": {} } ] } } {% endschema %}
Thanks but it doesn’t allow me to copy and paste this code 
1 Like
Hello,
I am using the theme Focal. Let me know if you have any solutions, please! @Maz
The store URL is mokaipaws.com @KetanKumar
@AvadaCommerce Were you able to take a look?
1 Like
if possible to give me give me theme access so i will check and fix this issue
i have done please check also if in future same use try this code
{%- if section.settings.show_cookie_bar -%}
{%- endif -%}
{% schema %}
{
"name": "Footer",
"class": "shopify-section--footer",
"max_blocks": 5,
"settings": [
{
"type": "checkbox",
"id": "show_payment_icons",
"label": "Show payment icons",
"default": true
},
{
"type": "header",
"content": "Country/region selector",
"info": "To add a country/region, go to your [currency settings.](/admin/settings/payments)"
},
{
"type": "checkbox",
"id": "show_country_selector",
"label": "Show country/region selector",
"default": true
},
{
"type": "header",
"content": "Language selector",
"info": "To add a language, go to your [language settings.](/admin/settings/languages)"
},
{
"type": "checkbox",
"id": "show_locale_selector",
"label": "Show language selector",
"default": true
},
{
"type": "header",
"content": "Customer privacy bar"
},
{
"type": "checkbox",
"id": "show_cookie_bar",
"label": "Show privacy bar",
"info": "Privacy bar will only be visible if it fulfills the conditions of the [Shopify Customer Privacy API](https://shopify.dev/docs/themes/consent-tracking-api)",
"default": false
},
{
"type": "text",
"id": "cookie_bar_title",
"label": "Title",
"default": "Cookie policy"
},
{
"type": "richtext",
"id": "cookie_bar_content",
"label": "Content",
"default": "
I agree to the processing of my data in accordance with the conditions set out in the policy of Privacy.
"
}
],
"blocks": [
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "300 x 300px .png recommended"
},
{
"type": "range",
"id": "image_width",
"min": 50,
"max": 300,
"step": 10,
"unit": "px",
"label": "Image width",
"default": 150
}
]
},
{
"type": "text",
"name": "Text",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "About our store"
},
{
"type": "richtext",
"id": "content",
"label": "Content",
"default": "
Use this text area to tell your customers about your brand and vision. You can change it in the theme editor.
"
}
]
},
{
"type": "links",
"name": "Links",
"settings": [
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"info": "This menu won't show dropdown items.",
"default": "footer"
}
]
},
{
"type": "social_media",
"name": "Social media",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "To configure social media, go to your social media settings."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Follow us"
},
{
"type": "richtext",
"id": "content",
"label": "Content",
"default": "
To configure social media, go to your social media settings. Change this text in the theme editor.
"
}
]
},
{
"type": "newsletter",
"name": "Newsletter",
"limit": 1,
"settings": [
{
"type": "paragraph",
"content": "Customers who subscribe will have their email address added to the \"accepts marketing\" [customer list](/admin/customers?query=&accepts_marketing=1)."
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Newsletter"
},
{
"type": "richtext",
"id": "content",
"label": "Content",
"default": "
A short sentence describing what someone will receive by subscribing
"
}
]
}
],
"default": {
"blocks": [
{
"type": "text",
"settings": {}
},
{
"type": "links",
"settings": {}
},
{
"type": "newsletter",
"settings": {}
},
{
"type": "social_media",
"settings": {}
}
]
}
}
{% endschema %}
Hey @apalacio !
Thanks for getting back to me on this thread. I see that you have been getting some help from @KetanKumar and @AvadaCommerce which is also great to see!
As your theme is with a third party, and the theme code is very different from our own, we aren’t the best people to handle changes. However, in order to sell a theme on our store, the theme developers must offer some level of support. I’d suggest getting in touch with them right here at this link to see if they can help with implementing this on your store.
By the way, I wanted to say that I really enjoyed browsing through your store, I am loving all your pet products and the store is so customer friendly and super easy to navigate – well done! I especially love the LEARN+ menu! It’s always good to see that your customers can contact you easily and hassle-free, have you considered also adding a chat functionality to your store so that customers can contact you right away and leave a message? If that is something you’d like to explore, check out some apps here at this link, which can help you achieve this. Shopify Inbox is free and also helps drive even more sales on your store, have a look at that here!
I hope the above has been helpful, happy to discuss some marketing and growth in more depth if you’d like too, have an awesome day!
1 Like