EC-CUBEでアダルトサイトを作ろう

【Lesson 4】

いよいよフロントページのカスタマイズに取り掛かります。Lesson3が終了した段階で商品一覧ページを見ると、商品名・コメント・価格などは正常に表示されているかと思いますが、画像等は表示されずに「alt」タグに設定された商品名が表示さています。

a.買い物カゴの削除

Lesson4では、画像（動画・サムネイル）の表示およびリンク先の変更を行いますが、その前に今回のカスタマイズでは不要な「買い物カゴ」部分の表示を削除（非表示）にします。

対象ファイル：ルート\data\Smarty\templates\default\list.tpl

135～183行をコメントアウト

b.APEXアフィリエイトリンクの構造

リンク先の変更を行う前にAPEXアフィリエイトの各素材別のリンク構造を確認します。

商品（リンク）ページURL：http://duga.jp/ppv/ps-prestigeppv-0282/
上記URLのうち、「ppv」はレーベル種別を「ps-prestigeppv-0282」がリンク先ページのパスになっています。

各アフィリエイトリンク
・ダイレクトリンク
<a href="http://click.duga.jp/ppv/ps-prestigeppv-0282/XXXX-01">Can College21</a>
・サムネイルリンク(画像)
<script type="text/javascript" src="http://ad.duga.jp/affimage/ps-prestigeppv-0282/1/XXXX-01"></script>
・動画リンク
<script type="text/javascript" src="http://ad.duga.jp/flash/dugaflvplayer.js"></script>
<script type="text/javascript">dugafpwc("240","200","dugaflvplayer-ps-prestigeppv-0282","http://click.duga.jp/ppv/ps-prestigeppv-0282/XXXX-01","XXXX","01")</script>
<div id="dugaflvplayer-ps-prestigeppv-0282"><a href="http://click.duga.jp/ppv/ps-prestigeppv-0282/XXXX-01" target="_blank">DUGA - Can College21</a></div>

・ppv：レーベル種別
・ps-prestigeppv-0282：リンク先ページパス
・XXXX：代理店ＩＤ

b.商品名リンクの変更

商品リンクはダイレクトリンクで構成します。

対象ファイル：ルート\data\Smarty\templates\default\list.tpl

116行を修正

「XXXX」の代理店IDはご自分のIDを記入してください。

c.詳細ボタンのリンク変更

詳細ボタンもダイレクトリンクを使用します。

対象ボタン：ルート\data\Smarty\templates\default\list.tpl

129行を修正

「XXXX」の代理店IDはご自分のIDを記入してください。

d.画像（動画）リンクの変更

最後に画像（動画）リンクへの変更を解説します。PPV・月額商品の場合はサムネイル・動画のどちらかのリンクを選びますが、ソフト商品の場合はサムネイル画像リンクのみとなります。

PPV・月額商品とソフト商品の切り替えは、商品登録時に設定したレーベル種類を利用します。

対象ファイル：ルート\data\Smarty\templates\default\list.tpl

96行を修正

サムネイルリンクの場合

動画リンクの場合

<a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrProducts[cnt].product_id}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URL|sfTrimURL}-->/<!--{$arrProducts[cnt].main_list_image}-->" alt="<!--{$arrProducts[cnt].name|escape}-->" class="picture" /></a>

↓

<!--{if ($arrSTATUS[$key]) == "soft"}-->
<script type="text/javascript" src="http://ad.duga.jp/flash/dugaflvplayer.js"></script>
<script type="text/javascript">dugafpwc("240","200","dugaflvplayer-<!--{$arrProducts[cnt].product_code_max}-->","http://click.duga.jp/<!--{$arrSTATUS[$key]}-->/<!--{$arrProducts[cnt].product_code_max}-->/XXXX-01","XXXX","01")</script>
<div id="dugaflvplayer-<!--{$arrProducts[cnt].product_code_max}-->"><a href="http://click.duga.jp/<!--{$arrSTATUS[$key]}-->/<!--{$arrProducts[cnt].product_code_max}-->/XXXX-01" target="_blank"><!--{$arrProducts[cnt].name|escape}--></a></div>
<!--{else}-->
<script type="text/javascript" src="http://ad.duga.jp/affimage/<!--{$arrProducts[cnt].product_code_max}-->/1/XXXX-01"></script>
<!--{/if}-->

レーベル種類により動画・サムネイルを切り替えます。

「XXXX」の代理店IDはご自分のIDを記入してください。

e.女優項目の追加

対象ファイル：ルート\data\Smarty\templates\default\list.tpl

121行辺りに下記タグを追加します。

以上で、商品一覧ページのカスタマイズは終了します。

一覧ページのテンプレートカスタマイズは、「ルート\user_data\packages\default\css\products.css」の「商品」部分を変更してください。