shopify Swiper.jsのスライダー導入

Question

https://torublog.com/shopify-slideshow-swiper-js/#Shopify_Debut

上記ページを参考にshopifyに Swiper導入を検討している者です。
「ホームページのセクションに追加」まではできたのですが、
「schemeにブロックを追加」のコードを入れてもエラーが返ってきてしまいます。
コードの書き方がいまいちわからず、正しいコードご教授いただきたいです。

{% schema %}
{
"presets": [
{
"name": "スライドショー Swiper",
"category": "画像"
}
]
}
{% endschema %}

上記のどこに下記コードを追加すればよいのでしょうか？
詳しい方、よろしくお願いいたします。

"name": "スライドショー Swiper",
"class": "slider index-section--flush index-section--slideshow-swiper",
"max_blocks": 6,
"blocks": [
{
"type": "image",
"name": "画像スライド",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "画像"
},
{
"type": "url",
"id": "button_link",
"label": "ボタンのリンク"
}
]
}
],