FROM CACHE - jp_header

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

解決済

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

jcco
遊覧客
23 2 1

Dawnを使用しています。

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

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

よろしくお願いします。

 

1 件の受理された解決策

Qcoltd
Shopify Partner
1058 435 427

成功

@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
1058 435 427

成功

@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
遊覧客
23 2 1

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

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