Shopify themes, liquid, logos, and UX
Hello,
I have put in the links for our facebook and IG in the footer but it does not display on our website. Please advise.
Domain - tanysjewellery.com
can you please enable social media icon in theme customization footer section
Hi, @tanys1
When you say you've put them in the footer, what do you mean exactly? To add the social media links / icons in the Venture theme:
1. Head to Online Store > Themes
2. Click Customize next to your current theme
3. Click Theme Settings > Social Media from the left side-bar menu
4. Add the full URL of your social media page in each corresponding box
5. Don't forget to click Save
Here's a screenshot of what will happen in the footer when you add the URL, from my test store using the Venture theme:
Let us know how this goes! @KetanKumar may have some other suggestions past these steps for you as well if it's still not working!
To learn more visit the Shopify Help Center or the Community Blog.
yes, I have done exactly that. it doesn't show up. it never has.
thanks for update your just put link can you please enable social medic icon section at footer section
if you have not option let me know or use your free design time
There is no other option aside from putting in the links. no enable button, etc. As seen in the screen shots i posted.
please give me footer section code or add me staff account i need only theme access so i will check and let you know
<footer class="site-footer" role="contentinfo">
<div class="page-width">
<div class="flex-footer">
{% for block in section.blocks %}
<div class="flex__item" {{ block.shopify_attributes }}>
{% case block.type %}
{% when 'social' %}
<div class="site-footer__section">
{% if block.settings.title != blank %}
<h4 class="h1 site-footer__section-title text-{{ block.settings.align }}">{{ block.settings.title | escape }}</h4>
{% endif %}
<ul class="list--inline social-icons text-{{ block.settings.align }}">
{% if settings.social_facebook_link != blank %}
<li>
<a href="{{ settings.social_facebook_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Facebook' }}">
{% include 'icon-facebook' %}
<span class="icon__fallback-text">Facebook</span>
</a>
</li>
{% endif %}
{% if settings.social_twitter_link != blank %}
<li>
<a href="{{ settings.social_twitter_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Twitter' }}">
{% include 'icon-twitter' %}
<span class="icon__fallback-text">Twitter</span>
</a>
</li>
{% endif %}
{% if settings.social_pinterest_link != blank %}
<li>
<a href="{{ settings.social_pinterest_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Pinterest' }}">
{% include 'icon-pinterest' %}
<span class="icon__fallback-text">Pinterest</span>
</a>
</li>
{% endif %}
{% if settings.social_instagram_link != blank %}
<li>
<a href="{{ settings.social_instagram_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Instagram' }}">
{% include 'icon-instagram' %}
<span class="icon__fallback-text">Instagram</span>
</a>
</li>
{% endif %}
{% if settings.social_tumblr_link != blank %}
<li>
<a href="{{ settings.social_tumblr_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Tumblr' }}">
{% include 'icon-tumblr' %}
<span class="icon__fallback-text">Tumblr</span>
</a>
</li>
{% endif %}
{% if settings.social_snapchat_link != blank %}
<li>
<a href="{{ settings.social_snapchat_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Snapchat' }}">
{% include 'icon-snapchat' %}
<span class="icon__fallback-text">Snapchat</span>
</a>
</li>
{% endif %}
{% if settings.social_youtube_link != blank %}
<li>
<a href="{{ settings.social_youtube_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'YouTube' }}">
{% include 'icon-youtube' %}
<span class="icon__fallback-text">YouTube</span>
</a>
</li>
{% endif %}
{% if settings.social_vimeo_link != blank %}
<li>
<a href="{{ settings.social_vimeo_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Vimeo' }}">
{% include 'icon-vimeo' %}
<span class="icon__fallback-text">Vimeo</span>
</a>
</li>
{% endif %}
</ul>
</div>
{% when 'menu' %}
{% if linklists[block.settings.link_list].links.size > 0 %}
<div class="site-footer__section">
<h4 class="h1 site-footer__section-title">{{ linklists[block.settings.link_list].title }}</h4>
<ul class="site-footer__list">
{% for link in linklists[block.settings.link_list].links %}
<li class="site-footer__list-item"><a href="{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
{% when 'text' %}
<div class="site-footer__section">
<h4 class="h1 site-footer__section-title">{{ block.settings.title | escape }}</h4>
<div class="rte-setting">{{ block.settings.text }}</div>
</div>
{% when 'newsletter' %}
<style>
.site-footer__newsletter-input {
background-color: {{ block.settings.color_newsletter_input }};
color: {{ block.settings.color_newsletter_input_text }};
}
.site-footer__newsletter-input::-webkit-input-placeholder {
color: {{ block.settings.color_newsletter_input_text }};
opacity: 0.7;
}
.site-footer__newsletter-input:-moz-placeholder {
color: {{ block.settings.color_newsletter_input_text }};
opacity: 0.7;
}
.site-footer__newsletter-input:-ms-input-placeholder {
color: {{ block.settings.color_newsletter_input_text }};
opacity: 0.7;
}
.site-footer__newsletter-input::-ms-input-placeholder {
color: {{ block.settings.color_newsletter_input_text }};
opacity: 1;
}
</style>
<div class="site-footer__section">
<h4 class="site-footer__section-title h1">
{% if block.settings.title != blank %}
{{ block.settings.title | escape }}
{% endif %}
</h4>
<div class="form-vertical">
{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}
<p class="form-success">{{ 'general.newsletter_form.confirmation' | t }}</p>
{% else %}
<input type="hidden" name="contact[tags]" value="newsletter">
<label for="NewsletterEmail-{{ block.id }}" class="site-footer__newsletter-label">
{% if block.settings.subheading != blank %}
{{ block.settings.subheading }}
{% endif %}
</label>
<div class="input-group">
<input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_placeholder' | t }}" name="contact[email]" id="NewsletterEmail-{{ block.id }}" class="input-group__field site-footer__newsletter-input" autocorrect="off" autocapitalize="off">
<div class="input-group__btn">
<button type="submit" class="btn btn--narrow" name="commit">
{% include 'icon-arrow-right' %}
<span class="icon__fallback-text">{{ 'general.newsletter_form.submit' | t }}</span>
</button>
</div>
</div>
{% endif %}
{% endform %}
</div>
</div>
{% endcase %}
</div>
{% endfor %}
</div>
</div>
<div class="site-footer__copyright">
<div class="page-width">
<div class="grid medium-up--grid--table">
<div class="grid__item medium-up--one-half">
<small>© {{ 'now' | date: '%Y' }}, {{ shop.name | link_to: routes.root_url }}. {{ powered_by_link }}</small>
</div>
<div class="grid__item medium-up--one-half medium-up--text-right">
{%- if section.settings.show_payment_icons -%}
{%- unless shop.enabled_payment_types == empty -%}
<span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
<ul class="list--inline payment-icons">
{%- for type in shop.enabled_payment_types -%}
<li>
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
{%- endunless -%}
{%- endif -%}
</div>
</div>
</div>
</div>
</footer>
sorry but schema code missing
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024