EC-CUBE3デザインテンプレート・EC-CUBE3機能カスタマイズ版
TOPページのスライド（トップページ画像スライド）変更
jQueryスクリプトを入れ替えることで、動作パターンを21種類の中から選択し変更できます。
EC-CUBE3デザインテンプレート
index.twigを2箇所変更するだけ！
margin-bottom:0px;　←スライドの下マージン（目安なので調整してください）
bloc_top_image_000.js　←jQueryスクリプト（000～021）
EC-CUBE3デザインテンプレート　TOPページのスライド（カルーセル）変更
EC-CUBE3機能カスタマイズ版
■src/Eccube/Resource/template/default/Block/topimage.twig　2箇所変更
margin-bottom:0px;　←スライドの下マージン（目安なので調整してください）
bloc_top_image_000.js　←jQueryスクリプト（000～021）
EC-CUBE3機能カスタマイズ版　TOPページのスライド（カルーセル）変更
jQueryスクリプトの動作確認
※ 動作確認ではサムネイル画像に枠がありますが、実際には枠はつきません。
jQueryスクリプトをさらにカスタマイズ
スクリプトの場所：
EC-CUBE3デザインテンプレート：■html/template/[テンプレートコード]/js/vendor/jquery.amazingslider
EC-CUBE3機能カスタマイズ版：■html/template/default/js/vendor/jquery.amazingslider

EC-CUBE3デザインテンプレート　TOPページのスライド（カルーセル）変更
（1）ナビボタンのマウスオーバーでサムネイル画像の表示・非表示（true,false）
表示：　navshowpreview:true,（No.1に適用）
非表示：navshowpreview:false,（No.2に適用）
（2）ナビボタンのマウスオーバー・クリックでメイン画像を切り替える。（true,false）
マウスオーバー：navswitchonmouseover:true,（No.16に適用）
クリック：　　　navswitchonmouseover:false,（No.15に適用）
（3）メイン画像の転換効果
※ スクリプト記述の最後を変更
①　フェード（No.1に適用）
        fade: {
            duration:1000,
            easing:"easeOutCubic",
            checked:true
        },
        transition:"fade"
②　クロスフェード（No.3に適用）
        crossfade: {
            duration:1000,
            easing:"easeOutCubic",
            checked:true
        },
        transition:"crossfade"
③　スライド（No.2に適用）
        slide: {
            duration:1000,
            easing:"easeOutCubic",
            checked:true
        },
        transition:"slide"
④　スライス（No.4に適用）
        slice: {
            duration:1500,
            easing:"easeOutCubic",
            checked:true,
            effects:"up,down,updown",
            slicecount:10
        },
        transition:"slice"
⑤　ブラインド（No.6に適用）
        blinds: {
            duration:2000,
            easing:"easeOutCubic",
            checked:true,
            slicecount:3
        },
        transition:"blinds"
⑥　3D（No.9に適用）※ブラウザにより挙動が異なる。
        threed: {
            checked:true,
            bgcolor:"#222222",
            perspective:1000,
            slicecount:5,
            duration:1500,
            easing:"easeOutCubic",
            fallback:"slice",
            scatter:5,
            perspectiveorigin:"right"
        },
        transition:"threed"
⑦　3D水平（No.8に適用）※ブラウザにより挙動が異なる。
        threedhorizontal: {
            checked:true,
            bgcolor:"#222222",
            perspective:1000,
            slicecount:1,
            duration:1500,
            easing:"easeOutCubic",
            fallback:"slice",
            scatter:5,
            perspectiveorigin:"bottom"
        },
        transition:"threedhorizontal"
⑧　ブロック（No.10に適用）
        blocks: {
            columncount:5,
            checked:true,
            rowcount:5,
            effects:"topleft,bottomright,top,bottom,random",
            duration:1500,
            easing:"easeOutCubic"
        },
        transition:"blocks"
⑨　シャッフル（No.11に適用）
        shuffle: {
            duration:1500,
            easing:"easeOutCubic",
            columncount:5,
            checked:true,
            rowcount:5
        },
        transition:"shuffle"
このページの先頭へ