1. 상점관리 》 운영정보설정 》 상품정보설정 메뉴로 이동하여, 상품 스타일에서 [브랜드] 기능을 사용함으로 설정합니다.

이후, 상품관리의 상품분류관리 메뉴를 보면 [브랜드 관리]가 추가된 것을 확인 할 수 있습니다.

상품분류(카테고리)를 등록하듯이 브랜드를 등록하십시오.

가장 중요한 항목은 브랜드명 하나입니다.

코드를 비롯해서 기타 설정은 자동값을 이용하십시오.

때에 따라서는 브랜드 이미지를 로고형태로 출력해야하는 경우가 있을 수 있습니다.

그 경우는 등록정보에 로고 이미지도 등록합니다. (아래 그림 참조)

로고 이미지를 등록하지 않으면, 브랜드명을 그대로 노출하므로 문제는 없습니다만, 미려한 디자인을 위해서는 가급적 등록하는 것이 좋겠습니다.

다만, 디자인을 고려하여 모든 로고는 높이가 같도록 리사이즈후 등록해 주십시오. (가로폭은 비교적 여유가 있으나, 세로폭은 디자인을 고려하여 일괄적으로 맞춰주시는게 좋습니다.)

상품편집 메뉴로 이동하면 아래와 같이 변화된 화면을 확인 할 수 있습니다.

각각의 상품마다 브랜드를 지정합니다.

모든 상품을 꼭 지정해야 하는것은 아닙니다.

지정한 상품만 출력할 수 있는 기능 이므로, 지정하지 않으면 나오지 않을뿐 큰 상관은 없습니다.

상품도 준비되었다면, 이제 템플릿을 수정해야합니다.

상품목록(iGoodsList)  템플릿을 사용자 정의로 복사하여 아래의 코드를 등록하십시오.

{{* ------------------------------------------------ *}}
{{* 이 분류에 속한 상품이 갖고 있는 브랜드 목록 출력 *}}
{{* ------------------------------------------------ *}}
{{if $IGoodsList.IBrands gt 1}}
<tr>
 <td>
<div>
 <div style='float:left;'>
 {{if $IGoodsList.IGoodsCount gt 0}}
 <font color="#0033FF"><b>{{$IGoodsList.IGoodsCount|number_format}}</b></font>개의 상품이 준비되어 있습니다.
 {{/if}}
 </div>
 <div style='float:right;'>
 <button style='align:right;width:120px;height:28px;' id="__psBtn_listBrandListOnOff__" nontext="브랜드 목록 감추기" nofftext="브랜드 목록 보기">브랜드 목록 보기</button>
 </div>
 <div style='clear:both;border:1px solid #3BA60E;'></div>
 <div id="__ps_BrandList__" style="clear:both;display:{{if $smarty.request.iBrandList eq ''}}none;{{else}}block;{{/if}}">
  <div style="background-color:#3BA60E;padding:2px 4px 4px 4px;">
   <div style="background-color:white;width:100%;">
    <div style='float:left;width:85%;'>
<table id="__ps_BrandTbl__" border=0 width=100% style='table-layout:fixed;'>
{{foreach name=iBrandList item=arBrand from=$IGoodsList.IBrandList}}
 {{if $smarty.foreach.iBrandList.first }}<tr>{{/if}} 
 <td>{{$arBrand.IChecker}}{{if $arBrand.ILogoImg}}<img align=absmiddle src="{{$arBrand.ILogoImg}}">{{else}}{{$arBrand.IName}}{{/if}}</td>
 {{if $smarty.foreach.iBrandList.iteration % 5 == 0 }}</tr><tr>{{/if}}
{{/foreach}}
</table>
    </div>
    <!-- cmd -->
    <div style="float:right;width:76px;">
    <button id='__psBtn_allBrand__'>전체선택</button>
    <button id='__psBtn_resetBrand__'>선택해제</button>
    <button id='__psBtn_listBrand__'>선택보기</button>
    </div>
   </div> 
  </div>
 </div>
</div>
 </td>
</tr>
{{/if}}

위 코드에서 사용한 class 명, id명 등은 절대 수정하지 말고 동일하게 사용하셔야 합니다.

그외의 부분은 수정이 가능합니다.

참고로 아래와 같은 항목으로 인해 한줄에 5개의 브랜드가 노출됩니다.

 {{if $smarty.foreach.iBrandList.iteration % 5 == 0 }}</tr><tr>{{/if}}

한줄에 출력되는 브랜드 수를 조절하려면 숫자 5를 원하는 숫자로 조정하십시오.

 이렇게 수정한 내용은 실제 아래와 같이 결과 화면에 나옵니다.

출력된 브랜드는 등록된 모든 브랜드가 나오는 것이 아니라, 해당 분류(카테고리)에 있는 상품에 해당하는 브랜드만 출력됩니다.
때문에 브랜드를 수백개 취급하는 상점에서도 안심하고 사용하실 수 있습니다.

자세히 보시면 브랜드명이 이미지 인것도 몇개 있습니다.

브랜드 등록시 이미지도 등록한 경우입니다.

이미지로 등록시 자동으로 텍스트 대신 이미지로 출력하도록 설정이 가능합니다.

소스에서 브랜드 목록 보기 감추기, 전체선택/해제/선택 보기등은 button 을 이용해서 만들었습니다.

이 부분을 이미지로 변경해도 괜찮습니다.

다만, 변경된 이미지의 id값도 button의 id값과 동일하게 설정하시면 됩니다.

[브랜드 목록 감추기/보이기] 버튼의 경우 버튼명이 상태에 따라 자동 변경됩니다.
이미지로 버튼을 변경 했을때는 아래와 같이 적용하실 수 있습니다.

텍스트 button 을 이용하여 만들때

<button style='align:right;width:120px;height:28px;' id="__psBtn_listBrandListOnOff__" nontext="브랜드 목록 감추기" nofftext="브랜드 목록 보기">브랜드 목록 보기</button>

전체선택/선택해제/선택보기등은 아래와 같이 이미지로 변경 할 수 있습니다.

이미지로 변경시

<img id='__psBtn_allBrand__' src="파일명" alt="전체선택">

<img id='__psBtn_resetBrand__' src="파일명" alt="선택해제">
<img id='__psBtn_listBrand__' src="파일명" alt="선택보기">

위와 같이 디자인 변경이 가능합니다. 다만, id값은 동일하게 설정해야합니다.

그 외에 색상등을 적절한 코드값으로 변경하시면 되겠습니다.