FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

フッターに表示されているInstagramのアイコンを別のアイコンに変更したい

解決済

フッターに表示されているInstagramのアイコンを別のアイコンに変更したい

jcco
遊覧客
24 2 1

Dawnを使用しています。

フッターに表示されているInstagramのアイコンを別のアイコンに変更したいのですが方法がわかりません。

ご教示頂けると助かります。

よろしくお願いします。

 

1 件の受理された解決策

Qcoltd
Shopify Partner
1210 484 464

成功

@jcco

Dawnのフッターに表示されているInstagramのアイコンを変更したい件ですが、
こちらはliquidファイルを編集することで変更が可能です。

Dawn12.0.0をもとに変更手順を記載させていただきます。

 

前提作業

管理画面 > コンテンツ > ファイルにて、使用したい画像をアップロードしてください。

アップロードした画像の右側にある鎖マークをクリックし画像のリンクをコピーしてください。

Qcoltd_0-1702372707242.png

 

変更手順

1.管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開きます。

2.左上のファイル検索窓に「icon-instagram.liquid」を入力し対象ファイルを絞り込んでください。

3.添付画像1〜3行目が現在のアイコンになりますのでそれを下記に変更してください。

Qcoltd_1-1702372707211.png

<img src="前提作業でコピーした対象画像のリンクに置き換え" class="icon icon-instagram">

Qcoltd_2-1702372707200.png

4.変更が終わったら保存ボタンを押してください。



ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1210 484 464

成功

@jcco

Dawnのフッターに表示されているInstagramのアイコンを変更したい件ですが、
こちらはliquidファイルを編集することで変更が可能です。

Dawn12.0.0をもとに変更手順を記載させていただきます。

 

前提作業

管理画面 > コンテンツ > ファイルにて、使用したい画像をアップロードしてください。

アップロードした画像の右側にある鎖マークをクリックし画像のリンクをコピーしてください。

Qcoltd_0-1702372707242.png

 

変更手順

1.管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開きます。

2.左上のファイル検索窓に「icon-instagram.liquid」を入力し対象ファイルを絞り込んでください。

3.添付画像1〜3行目が現在のアイコンになりますのでそれを下記に変更してください。

Qcoltd_1-1702372707211.png

<img src="前提作業でコピーした対象画像のリンクに置き換え" class="icon icon-instagram">

Qcoltd_2-1702372707200.png

4.変更が終わったら保存ボタンを押してください。



ご参考まで。

(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
jcco
遊覧客
24 2 1

ありがとうございました。

問題なく変更出来ました。