売上商品ランキングの一覧ページ作成方法 | サポートサイト

売上商品ランキング一覧ページ作成

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

extフォルダを利用し売上商品ランキング一覧ページを作成する

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

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

と記述してください。

m:idを使用し売上商品ランキングをLOOPさせる

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

<ul> <li m:id='common.LOOP_RANKING' m:ranking_no="1,3,5"> <a m:id='common.RANKING_LINK_TAG' href="#"> <img m:id='common.RANKING_IMAGE_TAG' src="images/sample.jpg" alt="" class="img" /> </a> <h3> <a m:id='common.RANKING_LINK_TAG' href=""> <span m:id='common.RANKING_ITEM_NAME_HERE' max_size="40">商品名</span> </a> </h3> <p> <span m:id='common.RANKING_TEIKA_ZEIKOMI_HERE'>21,000円</span> </p> </li> </ul>