2015年7月22日カテゴリー:未分類

EC-CUBE+もしもドロップシッピング(CSV登録型):トップページの大画像スライドの表示パターンを変更する

ここでの内容は主に↓このページの機能等についての説明です。
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

[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スクリプトの置き場所
■html/js/jquery.amazingslider/

slider_001

top_image.tplファイルの修正箇所
■data/Smarty/templates/default/frontparts/bloc/top_image.tpl

slider_002

こちらのページで動作確認できます。
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