質問 > フロント機能 > EC-CUBE4でBootstrap4を利用したい |
フロント機能
スレッド表示 | 古いものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
k.nakayama |
投稿日時: 2020/1/15 12:53
対応状況: −−−
|
常連 登録日: 2019/10/11 居住地: 投稿: 52 |
Re: EC-CUBE4でBootstrap4を利用したい コードの確認をしていませんが。
jquery slimはajaxをサポートしていません。 slimはajaxをサポートしないので軽い!というのが特徴です。 なので「ajaxが無いぞ!」というエラーが出ているのだと思います。 jquery-3.3.1.slim.min.jsをjquery-3.3.1.min.jsに置き換えてみてはどうでしょうか。 |
KIT |
投稿日時: 2019/12/21 16:36
対応状況: −−−
|
新米 登録日: 2019/12/21 居住地: 投稿: 1 |
Re: EC-CUBE4でBootstrap4を利用したい 投稿を参考にBootstrap4を実装してみました。見た目はまさしく期待通りのUIにかわったのですが、カートに入れるボタンを押すと、JSがうまく動作しません。コンソールをみると、以下のようなエラーがでています。どうのようにしたら、解決できるかご教授願えませんでしょうか。
jquery-3.3.1.min.js:2 Uncaught TypeError: $.ajaxSetup is not a function at HTMLDocument.<anonymous> (list?category_id=2:16) at l (jquery-3.3.1.min.js:2) at c (jquery-3.3.1.min.js:2) |
madcapsule |
投稿日時: 2019/11/25 11:08
対応状況: −−−
|
新米 登録日: 2019/11/23 居住地: 投稿: 6 |
Re: EC-CUBE4でBootstrap4を利用したい ご返信ありがとうございます。
色々試しましたが、普通にBootstrapをHTMLで使うように以下に、 元々EC-CUBEに記載があった <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> を削除し、 以下を貼り付け !-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> で実装できました。 また何かございましたら宜しくお願い致します。 |
468 |
投稿日時: 2019/11/25 9:57
対応状況: −−−
|
神 登録日: 2008/10/26 居住地: 投稿: 3217 |
Re: EC-CUBE4でBootstrap4を利用したい js自体の読込は問題なく行われているのでしょうか?
(URLの打ち間違えなドによる404エラー等は発生していませんか) >ドロップダウンなどのjsが機能しませんでした。 とありますが、ドロップダウン等の記述をtwigに追記されて その箇所が正常に動作しないという事でしょうか? (あまり記憶にないのですが、デフォルトのデザインテンプレートでBootstrapのドロップダウン等を利用している箇所はありましたか?)
|
madcapsule |
投稿日時: 2019/11/23 8:58
対応状況: −−−
|
新米 登録日: 2019/11/23 居住地: 投稿: 6 |
EC-CUBE4でBootstrap4を利用したい お世話になります。
EC-CUBE4系を使っているのですが、Bootstrapが3.3.7になっているのをBootstrap4に変えたいのですがどのようにすればよろしいでしょうか? 以下の部分の数字を4系(4.3.1)に変更し自分なりに試しましたが、見た目は4系になりますが、ドロップダウンなどのjsが機能しませんでした。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 宜しくお願い致します。 |
スレッド表示 | 古いものから | 前のトピック | 次のトピック | トップ |