ITOBEN STYLE > EC-CUBEカスタマイズ:jQueryによるトップページ画像スライドのサンプル 2015年3月15日カテゴリー:未分類 EC-CUBEカスタマイズ:jQueryによるトップページ画像スライドのサンプル スライドの動きやレイアウトは、jQueryで実現しています。jQueryのスクリプトを入れ替えることで表示パターンを変更することができます。 ■data/Smarty/templates/default/frontparts/bloc/top_image.tpl [php] <script type="text/javascript" src="<!–{$smarty.const.ROOT_URLPATH}–>js/jquery.amazingslider/bloc_top_image.js"></script> <div class="block_outer block_top_image" style="margin-bottom:120px;"> [/php] ※ margin-bottomの値は、状況に合わせて調整してください。 詳細はこちら 表示パターン
スライドの動きやレイアウトは、jQueryで実現しています。jQueryのスクリプトを入れ替えることで表示パターンを変更することができます。
■data/Smarty/templates/default/frontparts/bloc/top_image.tpl
[php]
<script type="text/javascript" src="<!–{$smarty.const.ROOT_URLPATH}–>js/jquery.amazingslider/bloc_top_image.js"></script>
<div class="block_outer block_top_image" style="margin-bottom:120px;">
[/php]
※ margin-bottomの値は、状況に合わせて調整してください。
詳細はこちら
表示パターン