▼テンプレート
[EC-CUBE] 3.015
[レンタルサーバ]Ｘサーバ
[OS] win10
[PHP] 7.0.18
[データベース] MySQL 5.7.16
[WEBサーバ] Apache
[ブラウザ] 使用しているブラウザ名、バージョン

[現象]


ＳＶＧアイコンの代わりにFontAwesomeアイコンを使うために

default_frame.twigに
<!-- for original theme CSS -->
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

を記載

カテゴリ、とログインのブロックにて

<ul class="member_link">
<li>
<a href="{{ url('entry') }}">
<i class="fa fa-user fa-fw"></i> 新規会員登録
</a>
</li>



<li>
<a href="ドメイン/contact"><i class="far fa-envelope"></i> ContactUs</a>
</li>


このような感じで書き直したら、きちんと表示されました


ただ、商品詳細ページでのみ

カテゴリ、ログインのそれぞれのFontAwesomeアイコンだけが消えます



この現象の解決方法をご教授いただければ幸いです

よろしくお願いします

下記をブラウザのツールで確認すると良いのではないかと思います。

・font-awesome.min.cssが詳細ページで読み込まれているか
・<i class="far fa-envelope"></i>が出力されているか（プラグインなどの影響で出力されないこともあります）
・<i>に対するCSSが何かで上書きされていないか

----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

引用：


返信ありがとうございます

ブラウザのツールで、どうやって見ればよいのでしょうか？

ブラウザの（商品詳細ページ）ソースを見れば
<i class="far fa-envelope"></i>は表示されていますが、
画面ではアイコンが消えています


ＴＯＰ，カテゴリ一覧、特商法、問合せ、カートページ、ログインページなど
その他の全てのページではちゃんと表示されています


どこを、どうやってチェックすれば良いか判らず困っています

アイコン消失だけなので問題としては低いですが、見栄えが良くないので

よろしければもうすこしチェックすべき点とその方法を教えていただければ幸いです

ブラウザごとにデベロッパーツールというものがあり、HTMLやCSSの状態、またファイルをちゃんと読みこんでいるか、エラーは出ていないか等を確認することが可能です。

例えばChromeですと
https://www.buildinsider.net/web/chromedevtools/01

今回の現象ですとこういったツールでまずは原因を特定することが第一歩かと思います。

そして原因として考えられるのが上に列挙したような点です。

----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

デベロッパーツールにて原因究明してみます

どうもありがとうございました

新しくわかったことがあれば投稿してもらえれば
原因がわかるかもしれません。
宜しくお願い致します。

返信ありがとうございます
結局原因は判っていないのです


商品詳細ページでは何故だか


/app/template/default/default_frame.twigに書いた

<!-- for original theme CSS -->
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

この記述がが読み込まれていないようです


ただ、何故か？が一向にわかりません
プラグインを無効にしたり色々と試してはいるのですが・・・

何かわかれば、また書き込みます
有難うございます

似たような状況に陥り、いろいろ調べて見たのですが、自分の場合はプラグインが原因のようでした。
具体的にはSEO対策のプラグインを導入しておりそのプラグインの中身を確認したところ、
> Plugin->ProductSEO->Resource->productseo_frame.twig
商品詳細ページの場合はこのファイルがテンプレートとして優先的に読み込まれていたようで、こちらが
> template->default->default_frame.twig
上記より優先して読み込まれるようなので、productseo_frame.twigの箇所で必要な部分をdefault_frame.twigと同じ内容にすることで自分の場合は不具合が解消されました。

Plugin->プラグイン名->Resource->xxx.twigなどが影響してないか確かめて見てください。

引用：