Help Center
카페24 소식
[프로모션] 고객혜택 아이콘 기능 추가
2014-06-11
안녕하세요, 카페24 운영도우미 입니다.
고객에게 할인과 증정 혜택을 제공중인 상품에 아이콘을 노출할 수 있도록 기능이 업그레이드 되었습니다.
자세한 내용은 아래를 참조해 주세요.
※ 본 기능은 뉴상품관리를 사용하는 몰에서만 이용 가능합니다.
(뉴상품관리로의 업그레이드는 고객지원센터로 문의주세요.)
■ 적용일자 : 2014-06-11 (수)
■ 업데이트 내용
고객혜택관리에서 혜택을 등록할 때, 상품명에 아이콘을 함께 표시할 수 있는 기능이 추가되었습니다.
아이콘을 등록하면 고객혜택이 적용되는 기간 동안만 자동으로 표시됩니다.
제공하는 혜택이 잘 표시될 수 있는 아이콘으로 자유롭게 등록해 보세요.
※ 등록한 아이콘을 쇼핑몰 화면에 표시하기 위해 안내대로 HTML 소스를 업데이트해주세요.
1) 위치 : 쇼핑몰어드민> 프로모션> 고객혜택관리> 혜택등록
▼ 고객혜택 등록 화면
2) HTML 디자인 수정
- HTML 소스를 다음의 안내대로 수정하시면 쇼핑몰에 아이콘이 나타납니다.
- 새롭게 추가된 고객혜택 아이콘 변수 {$benefit_icons}를 추가해주세요.
▼ 적용화면 예시
[PC 현재 스킨]
- 위치: 쇼핑몰 메인 (index.html)
상품> 상품분류 (product/list.html)
▼ 아래와 같이 파란색 소스를 추가합니다.
##상단생략##
<div class="status">
<div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</div>
<div class="button"><div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}</div>
</div>
##하단생략##
- 위치: 상품> 상품상세 (product/detail.html)
▼ 아래와 같이 파란색 소스를 추가합니다.
|
##상단생략##
##하단생략## |
- 위치: 주문> 장바구니 (order/basket.html)
▼ 아래와 같이 파란색 소스를 추가합니다.
|
##상단생략##
##하단생략## |
[모바일 현재 스킨]
- 위치: 메인 (index.html)
상품> 상품분류 (product/list.html)
▼ 아래와 같이 파란색 소스를 추가합니다. 페이지에 반복된 구문에 공통으로 적용합니다.
|
##상단생략## <p class="name {$product_name_display|display}"><a href="/product/detail.html{$param}">{$product_name}</a></p> ##하단생략## |
- 위치: 상품> 상품상세 (product/detail.html)
▼ 아래와 같이 파란색 소스를 추가합니다.
##상단생략## <h1 class="name">{$name}</h1> <p class="prdIcon">{$soldout_icon} {$recommend_icon} {$new_icon} {$img_mileage_icon} {$product_icons} {$benefit_icons}</p> ##하단생략## |
[PC 기존 스킨]
- 위치: 쇼핑몰 메인 (index.html)
상품> 상품분류 (product/list.html)
##상단생략## <p class="name"> ##하단생략##
▼ 아래와 같이 파란색 소스를 추가합니다. 페이지에 반복된 구문에 공통으로 적용합니다.
<a href="/product/detail.html{$param}">{$product_name}</a><br />{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}
<span class="zoom">{$zoom_icon}</span>
</p>
- 위치: 상품> 상품상세 (product/detail.html)
▼ 아래와 같이 파란색 소스를 추가합니다.
|
##상단생략## <div class="infoArea"> ##하단생략## |
- 위치: 주문> 장바구니 (order/basket.html)
##상단생략## <td class="product"> ##하단생략##
▼ 아래와 같이 파란색 소스를 추가합니다. 페이지에 반복된 구문에 공통으로 적용합니다.
<p><a href="/product/detail.html{$param}">{$name}{$icon} {$benefit_icons}</a><span class="{$eng_name_display|display}"><br />(영문명 : {$eng_name})</span></p>
[모바일 기존 스킨]
- 위치: 쇼핑몰 메인 (index.html)
상품> 상품분류 (product/list.html)
▼ 아래와 같이 파란색 소스를 추가합니다. 페이지에 반복된 구문에 공통으로 적용합니다.
##상단생략##
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" /></a></div>
<div class="information">
<p class="name"><a href="/product/detail.html{$param}" class="{$product_name_display|display}">{$product_name}</a> {$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons} {$benefit_icons}</p>
<p class="price {$product_sale_strike}">{$product_price} <span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></p>
<p class="price {$product_sale_display|display}">{$product_sale_price}</p>
</div>
##하단생략##
- 위치: 상품> 상품상세 (product/detail.html)
##상단생략##
▼ 아래와 같이 파란색 소스를 추가합니다.
<h3 class="name">
{$name}
<span>{$soldout_icon} {$recommend_icon} {$new_icon} {$img_mileage_icon} {$product_icons} {$benefit_icons}</span>
</h3>
##하단생략##
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]