카페24

[카페24] 특정 상품 목록만 출력되는 페이지 만들기

728x90
반응형

 

module="product_listnormal" 모듈 설정 주석 부분에

$cate_no = 208를 추가해서 사용하면 된다.

 

아래 예시

<!-- 기프트샵 -->
<div class="tab-cont gift-items" data-tab="tab1">
  <div class="items-title">기프트샵 🎁</div>
  <div module="product_normalpackage">
    <!--@css(/css/module/product/listnormal.css)-->
    <!--@js(/js/module/product/normalmenu.js)-->
    <div module="product_normalmenu">
      <!--
          $compare_page = /product/compare.html
      -->
      <div class="function" id="{$listmenu_position}">
        <p class="prdCount">전체 <strong class="txtEm">{$total_count}</strong></p>
        <div class="sort">
          <select id="selArray" name="selArray" module="product_Orderby">
            <option value="{$param}">{$sort_name}</option>
            <option value="{$param}">{$sort_name}</option>
          </select>
        </div>
        <span class="compare {$product_compare_display|display}"><a href="#none" class="btnCompare" onclick="{$product_compare_action}">상품비교</a></span>
      </div>

      <fieldset class="condition {$select_search_display|display}">
        <legend>조건별 검색</legend>
        <p>
          <!--@js(/js/module/product/product_selectsearch.js)-->
          <select class="FirstSelect" module="product_FirstSelect">
            <option value="">-조건선택-</option>
            <option value="{$value}" {$selected}>{$title}</option>
            <option value="{$value}" {$selected}>{$title}</option>
          </select>
          <select class="SecondSelect" module="product_SecondSelect">
            <option value="">-조건선택-</option>
            <option value="{$value}" {$selected}>{$title}</option>
            <option value="{$value}" {$selected}>{$title}</option>
          </select>
          <a href="#SelectSearch" class="btnSubmitFix">검색</a>
        </p>
      </fieldset>
    </div>
    <div class="product_area">
      <div module="product_listnormal" class="ec-base-product timesale-active">
        <!--
              $cate_no = 208
              $count = 16
                  ※ 상품진열갯수를 설정하는 변수입니다. 설정하지 않을 경우, 최대 200개의 상품이 진열 됩니다.
                  ※ 진열된 상품이 많으면, 쇼핑몰에 부하가 발생할 수 있습니다.
              $moreview = no
              $cache = yes
              $basket_result = /product/add_basket.html
              $basket_option = /product/basket_option.html
          -->
        <ul class="prdList grid3">
          <li id="anchorBoxId_{$product_no}">
            <!--@import(/_wp/base_product_list.html)-->
          </li>
          <li id="anchorBoxId_{$product_no}">
            <!--@import(/_wp/base_product_list.html)-->
          </li>
        </ul>
      </div>

      <!-- <div module="product_listmore" class="more">
          <a href="#none" onclick="{$more_action}" class="btnMore">
              더보기<span id="more_current_page">{$current_page}</span>/<span id="more_total_page">{$total_page}</span>
              <i aria-hidden="true" class="icon icoArrowBottom"></i>
          </a>
      </div> -->

      <div module="product_normalpaging" class="ec-base-paginate typeList">
        <a href="{$param_first}" class="first">첫 페이지</a>
        <a href="{$param_before}">이전 페이지</a>
        <ol>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        </ol>
        <a href="{$param_next}">다음 페이지</a>
        <a href="{$param_last}" class="last">마지막 페이지</a>
      </div>
    </div>
  </div>
</div>
<!-- //기프트샵 -->

<!-- 베스트 -->
<div class="tab-cont gift-items" data-tab="tab2">
  <div class="items-title">베스트</div>
  <div module="product_normalpackage">
    <!--@css(/css/module/product/listnormal.css)-->
    <!--@js(/js/module/product/normalmenu.js)-->
    <div module="product_normalmenu">
      <!--
              $compare_page = /product/compare.html
          -->
      <div class="function" id="{$listmenu_position}">
        <p class="prdCount">전체 <strong class="txtEm">{$total_count}</strong></p>
        <div class="sort">
          <select id="selArray" name="selArray" module="product_Orderby">
            <option value="{$param}">{$sort_name}</option>
            <option value="{$param}">{$sort_name}</option>
          </select>
        </div>
        <span class="compare {$product_compare_display|display}"><a href="#none" class="btnCompare" onclick="{$product_compare_action}">상품비교</a></span>
      </div>

      <fieldset class="condition {$select_search_display|display}">
        <legend>조건별 검색</legend>
        <p>
          <!--@js(/js/module/product/product_selectsearch.js)-->
          <select class="FirstSelect" module="product_FirstSelect">
            <option value="">-조건선택-</option>
            <option value="{$value}" {$selected}>{$title}</option>
            <option value="{$value}" {$selected}>{$title}</option>
          </select>
          <select class="SecondSelect" module="product_SecondSelect">
            <option value="">-조건선택-</option>
            <option value="{$value}" {$selected}>{$title}</option>
            <option value="{$value}" {$selected}>{$title}</option>
          </select>
          <a href="#SelectSearch" class="btnSubmitFix">검색</a>
        </p>
      </fieldset>
    </div>
    <div class="product_area">
      <div module="product_listnormal" class="ec-base-product timesale-active">
        <!--
                  $cate_no = 159
                  $count = 16
                      ※ 상품진열갯수를 설정하는 변수입니다. 설정하지 않을 경우, 최대 200개의 상품이 진열 됩니다.
                      ※ 진열된 상품이 많으면, 쇼핑몰에 부하가 발생할 수 있습니다.
                  $moreview = no
                  $cache = yes
                  $basket_result = /product/add_basket.html
                  $basket_option = /product/basket_option.html
              -->
        <ul class="prdList grid3">
          <li id="anchorBoxId_{$product_no}">
            <!--@import(/_wp/base_product_list.html)-->
          </li>
          <li id="anchorBoxId_{$product_no}">
            <!--@import(/_wp/base_product_list.html)-->
          </li>
        </ul>
      </div>

      <!-- <div module="product_listmore" class="more">
              <a href="#none" onclick="{$more_action}" class="btnMore">
                  더보기<span id="more_current_page">{$current_page}</span>/<span id="more_total_page">{$total_page}</span>
                  <i aria-hidden="true" class="icon icoArrowBottom"></i>
              </a>
          </div> -->

      <div module="product_normalpaging" class="ec-base-paginate typeList">
        <a href="{$param_first}" class="first">첫 페이지</a>
        <a href="{$param_before}">이전 페이지</a>
        <ol>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
          <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        </ol>
        <a href="{$param_next}">다음 페이지</a>
        <a href="{$param_last}" class="last">마지막 페이지</a>
      </div>
    </div>
  </div>
</div>
<!-- //베스트 -->

 

728x90
반응형