Question

我正在调整Simple主题并在自定义页面设置上添加了社交链接，但我想知道为什么链接不会显示。我没有在theme.liquid中做任何事情来打破社交链接默认模板，但为什么它没有显示。任何人都可以指导我如何做或向我解释为什么？提前谢谢。

theme.liquid社交模板：

<ul class="list--inline social-links">
            {% if settings.social_facebook_link != blank %}
              <li>
                <a href="{{ settings.social_facebook_link }}" 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 }}" 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 }}" 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 }}" 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_google_plus_link != blank %}
              <li>
                <a href="{{ settings.social_google_plus_link }}" rel="publisher" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Google Plus' }}">
                  {% include 'icon-google-plus' %}
                  <span class="icon__fallback-text">Google Plus</span>
                </a>
              </li>
            {% endif %}
            {% if settings.social_tumblr_link != blank %}
              <li>
                <a href="{{ settings.social_tumblr_link }}" 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_youtube_link != blank %}
              <li>
                <a href="{{ settings.social_youtube_link }}" 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 }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Vimeo' }}">
                  {% include 'icon-vimeo' %}
                  <span class="icon__fallback-text">Vimeo</span>
                </a>
              </li>
            {% endif %}
            {% if settings.social_fancy_link != blank %}
              <li>
                <a href="{{ settings.social_fancy_link }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Fancy' }}">
                  {% include 'icon-fancy' %}
                  <span class="icon__fallback-text">Fancy</span>
                </a>
              </li>
            {% endif %}
            {% if settings.show_atom and settings.main_blog != blank %}
              <li>
                <a href="/blogs/{{ settings.main_blog }}.atom">
                  {% include 'icon-rss' %}
                  <span class="icon__fallback-text">Blog</span>
                </a>
              </li>
            {% endif %}
          </ul>

Answer 1

链接将在以下情况中显示：

您已在config/settings.json或通过主题编辑器GUI设置链接。
网站以相关尺寸显示 - 如果模板有响应，它将隐藏图标以便在屏幕上留出更多空间。

如何检查我是否已设置链接？

打开配置文件并检查任何值，例如：settings.social_facebook_link

Online Store > Themes > ... > Edit HTML/CSS

打开配置文件夹，您将看到里面的settings_data文件显示它的标志也可能需要为真。

jsoups nextElementSibling()

shopify上的社交图标/链接简单主题不会显示

1 个答案:

如何检查我是否已设置链接？