이번 메뉴얼에서 아주 중요한 부분에 해당합니다.

카페24는 기본적으로 2가지 방식으로 상품을 출력합니다.

1. 데이터베이스에서 직접 상품을 불러오는 방식

- 이 방식은 서버에 ( 데이터베이스 ) 부담을 줍니다. ( 부담이 크다 작다의 개념이 아닙니다. 서버가 일을 한다는 의미입니다 )

- 서버가 일을 한다는건 사용자들의 컴퓨터 환경과는 관련이 없고 서버가 얼마나 빨리 일을 해서 상품 정보를 주느냐의 문제입니다.

- 이 방식으로 상품, 혹은 불러오는 메인 카테고리가 수가 많다면 당연히 페이지 접속 시간이 그만큼 길어집니다.

- 페이지 접속이 약간 느립니다.

* 장점 : 관리가 약간 편하다

* 단점 : 속도가 약간 느리다

2. 데이터베이스에 등록된 내용을 담아준 json 파일을 불러오는 방식 

   ( 유추하건데 아마도 메인 분류를 수정할때마다 별건으로 저장되는 배치 형태인 듯 합니다. )

- 이 방식은 서버의 데이터베이스보다 트래픽에 영향을 더 줍니다.

- 하지만 직접적으로 쿼리를 수행하고 결과를 내주는 1번의 방식보다 접속시간은 훨씬 빠릅니다.

- 이유는 페이지가 뜨고나서 상품을 가져오기 때문입니다. ( ajax + json )

- 이 방식으로 사용할 경우 [ 더보기 ] 기능을 사용할 수 있습니다.

* 장점 : 속도가 많이 빠르다.

* 단점 : 관리가 조금 풀편하다.

*

이번 시즌에서는 1,2번 방식 모두 사용할 수 있습니다.

선택하시기 나름이지만, 기본적인 설정은 2번 방식을 사용합니다.

*******

1번 방식의 코드

<!----------------------------------------------------------------------------------------------

상품목록 : 일반 : 타이틀이 관리자와 연동됩니다.

----------------------------------------------------------------------------------------------->

<!--@js(/_sp/module/product/product.js)-->

<!--@css(/_sp/module/product/product.css)-->

<div module="product_listmain_4" class="sp-product" grid="4" compare="false" lineto="c|5|0.02|t">

<!-- 

   $count = 4

-->

<!--@import(/_sp/module/product/product.pack.html)-->

</div>

module="product_listmain_4"    // 메인진열 카테고리의 어느 카테고리를 가져올지 작성합니다.

grid="4"  // 좌우로 몇개씩 나열할지 결정합니다.

$count = 4 // 총 몇개를 출력할지 결정합니다. ( grid의 배수가 되면 됩니다 )

2번 방식의 코드

<!----------------------------------------------------------------------------------------------

상품목록 : AJAX : 타이틀을 html에 직접 입력해야 합니다.

----------------------------------------------------------------------------------------------->

<!--@js(/_sp/module/product/product.js)-->

<!--@css(/_sp/module/product/product.css)-->

<div class="sp-product" grid="4" compare="false" lineto="c|5|0.02|t">

<div class="sp-product__header">

<div class="sp-product__header-text">

<span>NEW ARRIVALS<i>따끈따끈한 신상품입니다</i></span>

</div>

</div>

<div class="sp-size__fixed">

<div class="sp-product__box" getproduct="main" data-id="2" data-count="8" data-page="1" data-seo="false"></div>

</div>

</div>

NEW ARRIVALS<i>따끈따끈한 신상품입니다</i>   // 이 방식은 카테고리 명칭을 직접 적어야 합니다. <i>이 부분은 작은 글자 입니다.</i>

grid="4" // 가로로 몇개씩 나열할지

getproduct="main"  // 메인분류를 가져올지 상품목록을 가져올지 ( main or list )

data-id="2"  // 카테고리 변호 ( 메인분류일 경우 메인분류 코드를 넣고 상품목록일 경우 상품카테고리 코드를 넣습니다 )

data-count="8"  // 최초 보여지는 개수를 몇개로 할지 ( grid의 배수를 넣는게 좋습니다 )

data-page="1"  // 몇번째 페이지를 보여줄지 ( 그냥 1로 고정하시는게 좋습니다. )

data-seo="false" // seo 설정인데요 조금 까다롭습니다.

true : 링크가 /product/예쁜-티셔츠-입니다/79/ 이런 형태로 됩니다.

false : 링크가 /product/detail.html?product_no=79 이런 형태로 됩니다.

이건 케바케입니다. 사용하기 좋은걸 선택해서 사용하세요.

**

이 두개의 방식으로 메인페이지의 모든 상품 목록을 꾸밀 수 있으니 참고바랍니다.

**