[ 23 ENGINE ] 메인상품 탭진열 관리하기

메인 카테고리는 메인페이지에서는 코드를 확인할 수 없습니다.

메인페이지 코드 상단에

<!--

<div lazyhtmlelem="1"></div>

이 모습의 영역은 /_sp/apps/layout/index/index-1/index_load.html 에서 실제로 수정합니다.

-->

<div lazyhtml data-url="/_sp/apps/layout/index/index-1/index_load.html"></div>

이 코드에 귀속되어 있으며, 붉은색 경로로 들어가서 수정이 가능합니다~

이유는 화면이 로드된 후 불러오는 기능에 탑재되어 있기 때문인데요, ( 속도 향상 )

이 소스는 스마트디자인 편집창에서 확인이 가능합니다.

스마트디자인에 접속하신 후 아래의 경로로 파일을 찾으시길 바랍니다.

코드를 살펴보면 아래와 같이 되어 있습니다.

<!--탭 슬라이더-->

<div lazyhtmltarget="1">

<div layout="sp-layout-fixed">

<br /><br /><br /><br /><br /><br />

<br /><br /><br /><br /><br />

<div class="sp-slider" data-fade="true" data-custompaging="true" data-wait="8000" data-speed="300" hover="false" dots="bubble" dotsArea="out-t-c">

<div class="sp-slider-loop sp-product" module="product_listmain_5" data-title="{$category_title_text}" grid="3" hover="blackbottom">

<!--

$count = 3

-->

<div class="sp-product-box">

<!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)-->

<!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)-->

</div>

</div>

위 코드가 동일한 모습으로 반복됩니다.

카테고리를 추가하려면 위 코드를 복사해서 규칙에 맞게 더 등록하시면 됩니다.

수정하실 부분은 붉은 색 부분입니다.

</div>

<br /><br />

</div><!--//여기까지-->

</div>

module="product_listmain_5" // 메인상품 진열관리의 어떤 카테고리와 연결할 것인지 결정합니다.

grid="3" // 가로로 몇개의 상품을 나열할지 결정합니다.

hover="blackbottom" // 마우스를 올렸을때 어떤 모습으로 보여질지 스타일을 결정합니다. // hover = white , whitebottom , black , blackbottom

$count = 3 // 총 몇개의 상품을 진열할지 결정합니다. // grid="3" $count=6 이라면 3개씩 두줄이 나열됩니다.

여기서 어려운 부분은 module 부분입니다.

이 모듈을 찾는 방법은 아래의 이미지로 확인하시길 바랍니다.

만약 카테고리를 2개만 진열하신다면

<div class="sp-slider-loop sp-product" module="product_listmain_5" data-title="{$category_title_text}" grid="3" hover="blackbottom">

<!--

$count = 3

-->

<div class="sp-product-box">

<!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)-->

<!--@import(/_sp/apps/layout/product/product-1/product_list_package_element.html)-->

</div>

</div>

이 반복구간을 두개만 넣고, 

module="product_listmain_5" 

이 모듈 부분을 원하시는 카테고리로 수정하시면 되겠습니다