お世話になります。
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>

宜しくお願い致します。

js自体の読込は問題なく行われているのでしょうか？
（URLの打ち間違えなドによる404エラー等は発生していませんか）

＞ドロップダウンなどのjsが機能しませんでした。
とありますが、ドロップダウン等の記述をtwigに追記されて
その箇所が正常に動作しないという事でしょうか？
(あまり記憶にないのですが、デフォルトのデザインテンプレートでBootstrapのドロップダウン等を利用している箇所はありましたか？）

----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■EC-CUBE3マニュアル
■blog

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

色々試しましたが、普通に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>

で実装できました。
また何かございましたら宜しくお願い致します。

投稿を参考に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)

コードの確認をしていませんが。


jquery slimはajaxをサポートしていません。
slimはajaxをサポートしないので軽い！というのが特徴です。

なので「ajaxが無いぞ！」というエラーが出ているのだと思います。
jquery-3.3.1.slim.min.jsをjquery-3.3.1.min.jsに置き換えてみてはどうでしょうか。