新着商品ランキングの一覧ページ作成方法

新着商品ランキング一覧ページ作成

新着ランキングを使用した一覧ページの作成方法をご紹介します。


extフォルダを利用し新着ランキング一覧ページを作成する

まずはextフォルダ内にnew_item_ranking.xhtml(名前はサンプル名です)等のxhtmlを作成します。
extフォルダ内にあるext_sample.xhtmlをコピーしてファイル名を変更してください。
トップページ等からリンクさせる場合は

<a href="ext/ファイル名.html">リンク名</a>

と記述してください。


m:idを使用し新着商品をLOOPさせる

新着ランキングを表示する「common.LOOP_SINTYAKU」を使用し商品をループさせます。
以下のサンプルを参考にしてください。

<ul>
<li m:id='common.LOOP_SINTYAKU'>
<a m:id='common.SINTYAKU_LINK_TAG' href="#">
<img m:id='common.SINTYAKU_IMAGE_TAG' src="images/sample.jpg" alt="" class="img" />
</a>
<h3>
<a m:id='common.SINTYAKU_LINK_TAG' href="">
<span m:id='common.SINTYAKU_ITEM_NAME_HERE' max_size="40">商品名</span>
</a>
</h3>
<p>
<span m:id='common.SINTYAKU_TEIKA_ZEIKOMI_HERE'>21,000円</span>
</p>
</li>
</ul>

当ページの記載内容は、標準機能に関するものです。
機能に関するカスタマイズをされている場合にはこの限りではありません。

この説明は参考になりましたか?

はい いいえ

0人の方が「参考になった」と言っています。