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の値は、状況に合わせて調整してください。

詳細はこちら

 表示パターン