FROM CACHE - jp_header

フッターにSNSアイコンの順番を変えたい

mira0
Shopify Partner
114 0 2

フッターにSNSアイコンを設定できますが、その順番などは変更することは可能でしょうか?テーマはDawnを使用しています。

1件の返信1

Takase_R
Shopify Partner
23 9 7

はじめまして、Takaseと申します。

 

Dawnのバージョン11.0.0での方法は下記になります。

1. コードを編集 > スニペット > social-icons.liquid ファイルを開く

2. 任意の順番にliを変更する

例えばですが、

  {%- if settings.social_facebook_link != blank -%}
    <li class="list-social__item">
      <a href="{{ settings.social_facebook_link }}" class="link list-social__link">
        {%- render 'icon-facebook' -%}
        <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>
      </a>
    </li>
  {%- endif -%}

  {%- if settings.social_instagram_link != blank -%}
    <li class="list-social__item">
      <a href="{{ settings.social_instagram_link }}" class="link list-social__link">
        {%- render 'icon-instagram' -%}
        <span class="visually-hidden">{{ 'general.social.links.instagram' | t }}</span>
      </a>
    </li>
  {%- endif -%}

のようなコードの塊が、facebookのアイコンやInstagramのアイコンのコードになるので

それらのコード塊の順番を変更することでアイコンの表示順を変えることは可能になります。

R.Takase | Shopifyコーダー
テーマのカスタマイズなどお手伝いできます。
MENTAでご相談に乗れます:https://menta.work/user/69908
テーマ開発に役立つ情報も発信しています:https://liquid-guidebook.dev/