ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/
ダウンロードページはこちら
http://www.kaiplus.com/
マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf
スライドの動きやレイアウトは、jQueryで実現しています。
jQueryのスクリプトを入れ替えることで表示パターンを変更することができます。
下記ファイルの2カ所を修正することで簡単に変更できます。
(例)
bloc_top_image.js → bloc_top_image_020.js
margin-bottom:120px; → margin-bottom:20px;
■data/Smarty/templates/default/frontparts/bloc/top_image.tpl
<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;">
※ margin-bottomの値は、状況に合わせて調整してください。
jQueryスクリプトの置き場所
■html/js/jquery.amazingslider/
top_image.tplファイルの修正箇所
■data/Smarty/templates/default/frontparts/bloc/top_image.tpl
こちらのページで動作確認できます。
http://www.kaiplus.com/user_data/top_slider.php
ここでの内容は主に↓このページの機能等についての説明です。
http://kaijp.com/moshimo_sample/
ダウンロードページはこちら
http://www.kaiplus.com/
マニュアルはこちら
http://www.kaiplus.com/user_data/manual3/eccube-moshimo_manual.pdf