質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

Q&A

0回答

1285閲覧

ECCUBEにmegamenu.jsを設置しています。スマホで見た際にioniconsが表示されないのでどうやったら表示されるか教えていただきたいです

weblike23

総合スコア0

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

0グッド

0クリップ

投稿2021/06/16 02:57

編集2021/06/16 04:05

この度ECCUBEのフォーラムにも質問させていただいたのですが
回答がつかなくて
その後も調べておりますが、まだ解決しないので質問させてください。

EC-CUBEのバージョン:4.0.5です。

ECCUBEにmegamenu.jsを設置しています。
スマホで見た際にioniconsが表示されないのでどうやったら表示されるか教えていただきたいのです。

EC CUBEのフォーラムで質問したURLはこちらです。
https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=25859&forum=2&post_id=103541#forumpost103541

なんとかMegamenu.jsを設置することはでき、
ECCUBEの画面表示表示はされるようになりました。
https://codepen.io/riogrande/pen/MKXweV

ところがスマホでページをみると

ioncoinのアイコンが表示されないのです。

こちらの設置方法が書かれているサイトの説明を読みますと
https://github.com/marioloncarek/megamenu-js

この2行を</body>の前に記述するのかとおもいまして
default_frame.twigに記述してアップしましたが表示はされず、

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="js/megamenu.js"></script>

ECCUBEではどのような表記方法にしたら表示されるようになりますか。

そもそも私の考え方が間違えているのかもしれないので

どうしたら表示されるようになりますでしょうか。

私がECCUBEに記述した内容は

default_frame.twigに

<link rel="stylesheet" href="{{ asset('assets/css/●●●style.css') }}"> <script src="{{ asset('assets/js/megamenu.js') }}"></script>

category.twigにはこちらの

<div class="menu-container"> <div class="menu"> <ul> <li></li> <li></li> </ul> </div> </div> <li></li>の中に表示したいメニューを記述しております。

また
ディベロッパーツールではindexの↓の箇所に404エラーが出ていたので

<link rel="stylesheet" href="/sh/html/template/default/assets/css/●●●style.css"> <script src="/sh/html/template/default/assets/js/megamenu.js"></script>

この↑のフォルダに
●●●style.css
/megamenu.jsをアップするとエラーは消え画面に表示されました。

スマホ表示でのioniconの表示方法を教えていただけますと
本当にありがたいです。

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問