メインページに特定カテゴリーの商品を陳列表示する場合は、次のように htmlソース を作成します。（以下、一般的なソースを掲載します。）

<div class="col col-1024-3-30 col-320-480-2-20 col-480-768-3-20 col-768-1024-3-20 r10-10 style-item-grid" codepath="testcode" count="40" >

ここに該当ソースが入ります。

</div>

各クラスの内容は以下の通りです。※例示となります。

• 「col-1024-3-30」：1024 px 以上の画面サイズ（画面幅のピクセル数）の場合、「1行に3個づつ / 余白3%」で商品を表示
• 「col-320-480-2-20」：320~480 px 範囲内の画面サイズの場合、「1行に2個づつ / 余白2%」で商品を表示
• 「col-480-768-3-20」：480~768 px 範囲内の画面サイズの場合、「1行に3個づつ / 余白2%」で商品を表
• 「col-768-1024-3-20」：768~1024 px 範囲内の画面サイズの場合、「1行に3個づつ / 余白2%」で商品を表

※ 要素間の間隔 marginが1％空きます。[20]であれば[2％]、最大[50（5％）]まで適用可能です。

・「r10-10」：サムネイルの横幅が [10] であると仮定した場合、高さの比率で [ 10-10=1：1 ]となります。最大[10~30]まで適用可能です。

・「codepath」：登録する商品のカテゴリーコードを挿入します。カテゴリーコードは「パートナーシステム > 商品管理 > カテゴリー」メニューから確認できます。

・「count」：[codepath]に登録したカテゴリーから呼び出す（表示する）商品の数を表します。[count="40"] の場合、40個の商品を表示となります。

・現行システムでは、カテゴリーを呼び出してメインページに陳列表示した際、一番最初に登録された商品から表示するように構成されています。
・メインページの商品陳列順序は、HTML / CSS を修正することで制御できるように実装されています。

その場合、商品陳列に該当するソースに、以下の内容を追加してください。

■「sortbyname="変数"」
並べ方の基準となる変数で、値を変更するとそれに伴った並べ替え方法が適用されます。使用可能な変数は、以下となります。

• [ goodsnum ] => 商品番号
• [ regdate ] => 商品登録日
• [ price] => 価格
• [ name] => 商品名
• [ rating ] =>評価順番

■「orderby="変数"」
ソートの基準と変数となり、使用可能な値は 0と1 です。「0 は昇順 / 1 は降順」となります。

たとえば、新規商品を最初に表示させる場合は、

sortbyname="goodsnum" orderby="1"

と記載すると「商品番号、降順」でソートされます。 ※以下ソースをご参考ください。

<div class="col col-1024-3-30 col-320-480-2-20 col-480-768-3-20 col-768-1024-3-20 r10-10 style-item-grid" codepath="2J0601" count="40" goodslist="" recommend="false" sortbyname = "goodsnum" orderby="1">&nbsp;</div>