모바일 쇼핑몰에서 메인 페이지의 진열 상품 수가 많은 경우 이용하시면 유용한
'메인 카테고리 메뉴'를 표시하는 방법을 안내해 드려요.
자세히 알아보기
모바일쇼핑몰 '메인 카테고리 메뉴' 란?
모바일 쇼핑몰 상단 메뉴 아래에 표시되는 영역으로,
에서 설정한 메인 분류(카테고리)가 표시돼요.
진열 상품이 많거나 상품 모듈이 많은 경우 유용한 기능이에요.
'메인 카테고리 메뉴' 표시하기
메인 카테고리 메뉴를 표시하기 위해 쇼핑몰 관리자에서 아래와 같이 디자인을 수정해 주세요.
의 '모바일' 탭으로 이동 후 '편집' 버튼을 클릭하여 스마트디자인 편집창으로 진입해요.
'메인(index.html)' 의 모바일 메인 카테고리 모듈(Layout_MobileMaincategory)에서 파란색 소스를 $display = yes로 수정하세요.
## 상단생략 ##
<nav id="mainMenu" module="Layout_MobileMaincategory">
<!--
$display = yes
$swipe = yes
$plugin = category
$generate = no
$gird = 3
-->
<ul>
<li>
<ul>
<li module="Mobile_Categoryname_1" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
<li module="Mobile_Categoryname_2" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
<li module="Mobile_Categoryname_3" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
</ul>
</li>
<li class="afterNone">
<ul>
<li module="Mobile_Categoryname_4" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
</ul>
</li>
</ul>
<p class="btnPrev"><a href="#none"><img src="//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_prev.png" width="8" height="13" alt="이전"></a></p>
<p class="btnNext"><a href="#none"><img src="//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_next.png" width="8" height="13" alt="다음"></a></p>
</nav>
## 하단생략 ##
<nav id="mainMenu" module="Layout_MobileMaincategory">
<!--
$display = yes
$swipe = yes
$plugin = category
$generate = no
$gird = 3
-->
<ul>
<li>
<ul>
<li module="Mobile_Categoryname_1" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
<li module="Mobile_Categoryname_2" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
<li module="Mobile_Categoryname_3" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
</ul>
</li>
<li class="afterNone">
<ul>
<li module="Mobile_Categoryname_4" data-seq="{$display_group}"><a href="#none">{$category_name}</a></li>
</ul>
</li>
</ul>
<p class="btnPrev"><a href="#none"><img src="//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_prev.png" width="8" height="13" alt="이전"></a></p>
<p class="btnNext"><a href="#none"><img src="//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_next.png" width="8" height="13" alt="다음"></a></p>
</nav>
## 하단생략 ##
- $display : 모바일 메인 카테고리 모듈 표시여부 (예: $display = yes 인 경우 표시함)
- $swipe : 스와이프 기능 사용 여부 (예: $swipe = yes 인 경우 사용함)
- $plugin : 추가기능(<> 버튼 표시) 사용 여부 (예: $plugin = category 인 경우 <> 버튼 표시함)