In this Gist, we create a Shopify-theme interface for social networks leveraging market metafields (metafields everywhere)

social-networks.liquid

{% liquid
  # social_network_list contains the list of social_network metaobject entries associated with the current market
  assign social_network_list = localization.market.metafields.content.social_network_list.value
%}

{% # Later in the markup %}
<ul class="social-network-link-list">
  {% for social_network in social_network_list %}
    {% liquid
      # We get and process the data from the metaobject entry
      assign social_network_title = social_network.title.value
      assign social_network_link = social_network.link.value
      assign social_network_icon = social_network.icon.value
      
      if social_network_icon == null
        continue
      endif
      
      assign social_network_icon_markup = social_network_icon | image_url: height: 48 | image_tag: class: 'social-network-icon', srcset: null, loading: 'lazy'
    %}
    <li class="social-network-link-container">
      <span class="sr-only">{{ social_network_title }}</span>
      <a class="social-network-link" href="{{ social_network_link }} target="_blank">
        {{ social_network_icon_markup }}
      </a>
    </li>
  {% endfor %}
 </ul>