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

フッターアイコンについて

解決済

フッターアイコンについて

utl
訪問者
1 0 0

フッターのTwitterアイコン(鳥マーク)をXに変更する方法はありますか?

スクリーンショット 2024-10-28 11.14.14.png

 

 

 

それから、アメックスのアイコンがずれてロゴが切れて表示されます。修正方法はありますか?

スクリーンショット 2024-10-28 11.14.06.png

 

1 件の受理された解決策

Qcoltd
Shopify Partner
1165 470 455

成功

@utl

 

ご質問いただいています内容についてですが、

現在ご利用のテーマが不明なため、Dawnテーマをもとに返答させていただきます。

 

フッターのTwitterアイコン(鳥マーク)をXに変更する方法はありますか?

  1. 管理画面のテーマ > コードを編集
  2. ファイルを絞り込むから、『icon-twitter.svg』を絞り込む

  3. 内容を下記に変更

 

<svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20">
<path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/>
</svg>​

 

以上でアイコンが変更されるかと思います。

また、Dawnの最新バージョン15.2.0ですと、Twitterアイコンは既にXアイコンに変更されておりますので、

最新のテーマをご利用いただくのも一つの解決方法となります。

 

 

それから、アメックスのアイコンがずれてロゴが切れて表示されます。修正方法はありますか?

こちらはShopifyデフォルトのアイコンとなるため、ロゴが切れているわけではございません。

 

ご参考まで。

(キュー小坂)

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

元の投稿で解決策を見る

1件の返信1

Qcoltd
Shopify Partner
1165 470 455

成功

@utl

 

ご質問いただいています内容についてですが、

現在ご利用のテーマが不明なため、Dawnテーマをもとに返答させていただきます。

 

フッターのTwitterアイコン(鳥マーク)をXに変更する方法はありますか?

  1. 管理画面のテーマ > コードを編集
  2. ファイルを絞り込むから、『icon-twitter.svg』を絞り込む

  3. 内容を下記に変更

 

<svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20">
<path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/>
</svg>​

 

以上でアイコンが変更されるかと思います。

また、Dawnの最新バージョン15.2.0ですと、Twitterアイコンは既にXアイコンに変更されておりますので、

最新のテーマをご利用いただくのも一つの解決方法となります。

 

 

それから、アメックスのアイコンがずれてロゴが切れて表示されます。修正方法はありますか?

こちらはShopifyデフォルトのアイコンとなるため、ロゴが切れているわけではございません。

 

ご参考まで。

(キュー小坂)

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