관련 동영상 강의 모아보기 >

카멜레온에서는 상품의 품절 표시를 if태그를 사용하여 적용하실 수 있는데요.
if태그를 사용하여 표시해 줄 수 있기 때문에 품절 표시를 텍스트나 이미지로 자유롭게 원하는 위치에 표시할 수 있습니다.
이번에는 메인과 상품분류 등 상품 리스트 화면에 품절 표시를 할 수 있는 방법을 알려드립니다.


※ 사용 방법

- 메인 신규상품 적용 예(1)

디자인 스킨 편집창의 메인 화면에서 "품절"로 검색하여 신규 상품 > 품절여부 태그를 복사한뒤 신규상품 loop_new_product태그 사이
원하는 위치에 아래와 같이 입력합니다.

<!--/loop_new_product(6)/-->

<li><!--/new_product@name(20)/--></li>
<li><!--/if_new_product@is_soldout/-->품절<!--/end_if/--></li>

<!--/end_loop/-->



(설명)
메인 신규상품 목록에서 품절 상품일 경우 상품명 아래에 "품절"을 표시합니다.
품절이라는 텍스트 대신 img태그를 사용하여 품절 이미지를 표시할 수도 있겠죠.
위에서 <!--/new_product@is_soldout/-->태그 앞에 "if_"를 추가하여 조건문으로 변경해 주셔야 합니다.


- 메인 신규상품 적용 예(2)

위에서 확인하신 바와 같이 상품이 품절일 경우 <!--/if_new_product@is_soldout/--> ~ <!--/end_if/-->태그
사이에 입력된 값이 노출되는 것을 확인하실 수 있습니다.
그럼 <!--/else/-->태그를 활용하여 약간의 변화를 주는 방법도 가능할 것 같은데요.
이번에는 신규상품의 판매가격을 노출 시켰다가 품절상품일 경우 판매가격 대신 품절 표시가 나오도록 해보겠습니다.

<!--/loop_new_product(6)/-->


<li><!--/new_product@name(20)/--></li>
<li><!--/if_new_product@is_soldout/-->품절<!--/else/--><!--/number/new_product@price_sell/-->원<!--/end_if/--></li>

<!--/end_loop/-->



(설명)
첫번째 예시와 크게 수정된 부분이 없는데요. <!--/if_new_product@is_soldout/-->태그 안에 <!--/else/-->태그를
입력하고 판매가격 태그를 입력한뒤 <!--/end_if/-->태그로 닫았습니다.

따라서 위 소스는 신규상품이 품절상품일 경우 "품절"표시를 하고, 품절상품이 아닐 경우 판매가격을 표시하게 됩니다.


- 일시품절 상품 예

일시품절의 경우도 위 품절표시 방법과 동일하게 <!--/new_product@is_short_soldout/-->태그에 "if_"를
추가하고 조건문으로 변경하여 사용할 수 있습니다.

<!--/loop_new_product(6)/-->

<li><!--/new_product@name(20)/--></li>
<li><!--/if_new_product@is_short_soldout/-->일시품절<!--/end_if/--></li>

<!--/end_loop/-->


(설명)
메인 신규상품 중 일시품절 사용 설정이 되어있는 상품은 상품명 아래에 "일시품절"이 표시됩니다.




- 메인 신규상품 적용 예(3)


품절 / 일시품절을 함께 이용하실 경우, 일시품절일때는 일시품절 표시가 되고 품절일때는 품절표시가 보여지도록 하시려면 아래와 같이 수정해주시면 됩니다.


<!--/if_new_product@is_soldout/-->
<!--/if_new_product@is_short_soldout/-->
일시품절
<!--/else/-->
품절
<!--/end_if/-->
<!--/end_if/-->

※ 메인화면 신규상품 기준 소스임.


- 상품 상세페이지 적용 예(4)

<!--/if_soldout/-->
<!--/if_is_short_soldout/-->
<!--/btn_soldout/-->
<!--/else/-->
품절
<!--/end_if/-->
<!--/end_if/-->


<< 모바일 작업방법 >>

일시품절일 경우 : 일시품절 재입고 알림버튼 노출
품절일 경우 : 품절표시 노출


- 메인페이지 신규상품 적용 예(1)

<!--/if_new_product_list@is_soldout/-->
<!--/if_new_product_list@is_short_soldout/-->
일시품절
<!--/else/-->
품절
<!--/end_if/-->
<!--/end_if/-->


- 상품 상세페이지 적용 예(2)

<!--/if_soldout/-->
<!--/if_is_short_soldout/-->
<!--/btn_soldout/-->
<!--/else/-->
품절
<!--/end_if/-->
<!--/end_if/-->