메인페이지에 특정 카테고리의 상품을 진열할 때, 일반적으로 다음과 같은 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" >&nbsp;</div>

각각의 내용은 다음과 같습니다.

col-1024-3-30 : 1024 px 이상의 해상도에서 한 줄에 3개씩 여백 30(3%)으로 상품 진열 
col-320-480-2-20 : 320~480 px 해상도에서 한 줄에 2개씩 여백 20(2%)으로 상품 진열
col-480-768-3-20 : 480~768 px 해상도에서 한 줄에 3개씩 여백 20(2%)으로 상품 진열
col-768-1024-3-20 : 768~1024 px 해상도에서 한 줄에 3개씩 여백 20(2%)으로 상품 진열
요소와 요소 사이의 간격 margin이 1% 벌어지는걸 말합니다. 20이라면 2% 벌어집니다. 최대 50(5%)까지 적용 할 수 있습니다.

r10-10 : 썸네일 가로의 길이가 10이라고 가정할 경우 세로 길이의 비율로 10-10=1:1 입니다. 최대 10-30까지 가능

codepath : 등록할 상품의 카테고리 코드를 넣습니다. 카테고리코드는 파트너페이지 > 상품관리 > 카테고리 메뉴에서 확인 가능합니다.

count : codepath에 등록한 카테고리에서 불러올 상품의 개수를 의미합니다. count="40"이면 40개의 상품을 불러옵니다.

현행 시스템 상 카테고리를 호출하여 메인페이지에 진열하였을 때,
가장 먼저 등록된 상품부터 노출되도록 기획돼 있습니다. 
메인페이지 상품 진열 순서는 퍼블리싱으로 제어 가능하도록 구현돼있습니다. 
위 상품 진열 소스에 하기 내용을 추가해주시길 바랍니다.

sortbyname="변수" 
sortbyname 은 정렬기준이며 이 값을 수정하면 정렬방식이 변경됩니다.
사용 가능한 변수는 다음과 같습니다.
goodsnum =  상품번호 /  regdate = 상품 등록일 / price = 가격  / name  = 상품명 / rating = 별점순  / costume = 관리자지정순서

orderby="변수" 는
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>