商品情報にスキップ
1 1
公開日:2023.09.11

Shopifyのテーマ「Dawn」でソーシャルアイコンにLINEアイコンを追加する設定方法

Shopifyのテーマ「Dawn」でソーシャルアイコンにLINEアイコンを追加する設定方法

用途

  • SNS関連

実装方法

  • LIQUID
詳細を表示する

ShopifyのテーマDawnのソーシャルアイコンにLINEを追加する設定例です。LINEのアイコン画像にはモノクロが使えないため一つだけ浮いてしまいますが、、Instagramやfacebookのアイコンを合わせてカラーに差し替えてしまっても良いかもしれません。


テーマDawnでソーシャルアイコンにLINEアイコンを追加する


設定手順①「setting_scheme.json」にschemaを、「ja.schema.json」にラベルを追加


設定手順②「social-icon.liquid」「en.default.json」「footer.liquid」を修正し、「icon-line.svg」を新規追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「setting_scheme.json」にschemaを追加


「ja.schema.json」にラベルを追加


「social-icon.liquid」にアイコ...

関連ポスト