質問: いつも、お世話になっております。 苦戦したので、ご質問させていただきます。 現在、EC-CUBE 3系を使ってECサイトを作成しております。 しかし、パソコンから見た場合は大丈夫なのですが、トップページと商品詳細ページに入った際にショッピングカートのアイコンがスマートフォン(確認はiPhoneで行いました)で表示されなくなってしまいました。 いろいろと調べたところ、SVGを使ってアイコンを表示しているようなのですが、トップページと商品詳細ページの表示の際に、「xlink:href」が反映していないようでした。 実際、テンプレートの「cart.twig」を見たところ「xlink:href」の記述はあり、反映の際に消えているようです。 「cart.twig」の内容は以下の通りです。 ``` {{ Cart.total_quantity }} 合計 {{ Cart.total_price|price }} ・ ・ ・ ``` それが、表示すると以下の通りとなります。 ``` 0 合計 ¥ 0 ・ ・ ・ ``` ちゃんと表示されている商品一覧ページには反映しているようです。 表示の際に何らかしら誤動作が起こっているのではないかと思っております。 もしかすると、プラグインが原因の可能性も考慮しております。 導入しているプラグインは以下の通りです。 ``` ・CategoryContent ・InfoTownMedia ・MailMagazine ・Maker ・Pointプラグイン ・Wysiwygエディタ (停止中) ・おすすめ商品管理プラグイン ・サイトマップ ・トップページ画像アップロード管理 ・値引き率表示!! ・商品タグ機能拡張 ・商品レビュープラグイン ・売上ランキング ・定休日管理プラグイン ・最近チェックした商品 ・詳しい商品一覧 ・関連商品プラグイン ``` また、現在作成中のURLを記載します。 ■トップページ ■商品一覧ページ ■商品一覧ページ(正常) お知恵をいただければ幸いです。 宜しくお願い致します。
回答: あら、間に合わなかった... 一応試してほしいのが.cb-shopping-cartに対してCSSでwidth指定を入れること...です。 たしかブラウザによっては、自動でsvgの幅と高さをつけてくれなくて、0になってしまい見えなくなってしまうはず。