▼テンプレート
[EC-CUBE] EC-CUBEのバージョン 4.0.1
[レンタルサーバ] さくらのレンタルサーバー スタンダード
[OS] FreeBSD
[PHP] 7.2.14
[データベース] MySQL 5.7.21
[WEBサーバ] Apache
[ブラウザ] Safari
[導入プラグインの有無] なし
[カスタマイズの有無] なし
[現象] 再現手順や、どのような現象が発生しているかなど、具体的

https://www.ec-cube.net/tsubo/2017/08/02/7149
こちらの記事を参考にして独自ページでカートインできるかを検証してみたところ、3系ではできたものの、4系では「カートに追加できませんでした」となってしまいました。
product_class_idは商品に合わせて変更してあります。
解決方法をどなたかご教示いただけますでしょうか。
コード:
{% extends 'default_frame.twig' %}

{% block main %}
<button class="btn-default" id="cart-add">カートに入れる</button>
{% endblock %}

{% block javascript %}
<script>
$('#cart-add').on('click', function () {
$.ajax({
url: "{{ url('cart_add') }}",
type: 'POST',
data: {
'product_class_id': 11,
'quantity': 1
},
dataType: 'html',
}).done(function (data) {
alert('カートに追加しました。');
$.ajax({
url: "{{ url('block_cart') }}",
type: 'GET',
dataType: 'html'
}).done(function(html) {
$('#cart_area').html(html);
});
}).fail(function (data) {
alert('カートの追加に失敗しました。');
});
});
</script>
{% endblock %}