안녕 하세요..!

쇼핑몰 매출을 쑥쑥 향상 시킬 수 있는 '상품하트' 앱이 출시 되었습니다.

SNS에 좋아요 &  추천 과 같은 기능이며  많은 하트를 클릭 한 상품을 통해 고객 에 관심을 유도 시킬수 있는 앱 입니다.

자세한 내용은 아래를 참조해 주세요

---

■ 적용일자 : 2015-12-22 (화)

■ 제공 기능

- 쇼핑몰에 진열되는 상품마다 하트를 클릭할 수 있도록 합니다.
- 각 상품을 클릭한 하트수를 표시합니다.
- 하트수 랭킹페이지를 제공합니다.
- 내가 클릭한 하트를 한화면에서 확인할 수 있습니다.
- 로그인을 하지 않습니다.
- 어드민에서 하트수를 조절할 수 있습니다.
- 2가지의 스킨을 제공하며, 사용자스킨으로도 사용가능합니다.

■ 예시 스크린샷

상품목록 (skin1적용)

상품상세 (skin1적용)

하트순위보기 (skin2적용)

나의하트 (skin2적용)

■ 설치방법
1. 관리자 설정방법

- 하트수 랭킹 출력 갯수를 어드민에서 설정가능합니다. 1~200개까지 가능.
- 스킨을 설정할 수 있습니다.
- 쇼핑몰 상품의 하트수를 전체 확인할 수 있습니다.
- 하트수를 조절하거나 0으로 설정하여 삭제할 수 있습니다.

2. 소스코드 설치 방법

하단의 설치방법을 보시고도 어려우시다면, 개발사에 설치지원을 요청해주세요. ^^

(1) 스마트디자인 편집창에서 html소스를 열고 아래의 소스 긁어서 해당위치에 넣어줍니다.
(화면 클릭시 새창으로 뜨며, 소스긁기가 가능합니다.)

1 : 메인화면, 상품목록등 상품진열페이지

(1-1) 아래의 코드를 각 페이지에서 layout라인 바로 아래에 입력합니다. (다른곳도 가능)

<div module="mheart_heart" style="display:none;">

  <div id="mheart_format">

    <span class="mheart mheart_{p_no}" alt="{p_no}">

      <a class="mheart_no"><span class="mheart_no_text" >♡</span></a>

      <a class="mheart_yes displaynone"><span class="mheart_yes_text" >♥</span></a>

      <span class="mhframe">

        <span class="mHeartUserTag">{$mHeartUserTag}</span>

        <span class="mHeartUserTag0 displaynone">{$mHeartUserTag0}</span>

      </span>

    </span>

  </div>

</div>

<!--@css(/apps/mheart/mheart.css)-->

(1-2) 아래의 코드를 상품진열시 li 태그마다 바로 뒤에 붙여주세요.( li가 없으면 반복되는 상품소스 근처에)

<span class="mheartframe" alt="{$product_no}"></span>

2 : 상품상세페이지

(2-1) 아래의 코드를 layout라인 바로 아래에 적절하게 입력합니다.

<div module="mheart_heart" style="display:none;">

  <div id="mheart_format">

    <span class="mheart mheart_{p_no}" alt="{p_no}">

      <a class="mheart_no"><span class="mheart_no_text" >♡</span></a>

      <a class="mheart_yes displaynone"><span class="mheart_yes_text" >♥</span></a>

      <span class="mhframe">

        <span class="mHeartUserTag">{$mHeartUserTag}</span>

        <span class="mHeartUserTag0 displaynone">{$mHeartUserTag0}</span>

      </span>

    </span>

  </div>

</div>

<!--@css(/apps/mheart/mheart.css)-->

(2-2) 아래의 코드를 원하는 위치에 1회 넣어줍니다.

<span class="mheartframe" alt="{$product_no}"></span>

3 : 바로가기 배너

(3-1) 내가 클릭한 하트

<a href="/apps/mheart/myheart.html"><img src="/apps/mheart/skin1/q_myheart.jpg" alt=""></a>

(3-2) 상품하트 순위목록

<a href="/apps/mheart/mhrank.html"><img src="/apps/mheart/skin1/q_top100.jpg" alt=""></a>

3. 체크사항

- html 모듈 소스를 임의로 변경할 경우, 정상적으로 동작하지 않을 수도 있습니다.
- css수정하여 디자인을 바꿀 수 있습니다. css수정은 전문가레벨에서 권장합니다.

---

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터(☎1588-3413)로 문의해주세요.