FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください
現在コミュニティを移動しています!7月7日以降、現在のコミュニティは約2週間読み取り専用となります。期間中はコンテンツの閲覧は可能ですが、一時的に新規投稿や返信はできなくなります。詳しくはこちら

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

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

mira0
Shopify Partner
125 0 7

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

1件の返信1

Takase_R
Shopify Partner
30 11 11

はじめまして、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
テーマのカスタマイズなどお手伝いできます。
https://liquid-guidebook.dev/