Help Center

카페24 소식

[상점/운영] 모바일쇼핑몰에 '상품 옵션별 추가구매 사용여부' 설정 적용 안내

2013-05-22


안녕하세요, 카페24 운영도우미 입니다.

쇼핑몰 어드민에서 설정한 '
상품 옵션별 추가 구매 사용 여부' 를
모바일 쇼핑몰에 적용 가능하도록 업데이트 되었습니다.

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



■ 적용일자 : 2013-05-22 (수)

■ 업데이트 내용


PC 쇼핑몰 어드민에서 설정한 ‘쇼핑몰 상품 옵션별 추가 구매 사용 여부’를 모바일 쇼핑몰에
적용하는 방법을 안내해드립니다.
 

1. 쇼핑몰 상품 옵션별 추가 구매 사용 여부 설정

- 위치 : 쇼핑몰어드민 > 상점/운영 > 상점운영관련설정 > 상점 운영방식 설정

상품 옵션별 추가 구매 사용 여부 항목을 TypeA, TypeB 중 하나로 설정합니다.
(모바일쇼핑몰에서는 둘 중 하나를 선택하여도 Type B형태로만 노출됩니다.)





2. 모바일쇼핑몰 적용방법

1) 템플릿 모드
어드민에서 쇼핑몰 상품 옵션별 추가 구매 사용 여부 설정시 모바일쇼핑몰에 자동 적용됩니다.

2) HTML 모드
아래의 내용과 같이 HTML을 수정하시면 모바일쇼핑몰에 정상적으로 적용됩니다.

- 위치 : 쇼핑몰어드민 > 모바일 쇼핑몰 > HTML편집 > 페이지리스트 > 상품상세
- 아래 내용을 참고하여 빨간색 소스 삭제, 파란색 소스 추가 합니다.


<body style="background-color:#{{$aSkinCfg.item_config_bgcolor}};">
    <div id="wrap">
                               
                                     
                                 (중간생략)
                                    

                    <li style="display:{$sOptionDisplay}; border-color:#{{$aSkinCfg.item_preview_line_color}};{{$sDisabled}}">
                        <table cellpadding="0" cellspacing="0">
                        <tr>
                            <th class="za" style="color:#{{$aSkinCfg.item_general_font_color}};"><p>수량</p></th>
                            <td style="color:#{{$aSkinCfg.item_general_font_color}};">
                                <input type="text" Onkeyup="{$setNumberFormat}"; onkeyup="Prd.setPrdTotalPrice();" maxlength="4" name="quantity" id="quantity" required='T' class="box_01" style="width:40px; text-align:center;" value="{{$aPrd.product_min}}" />
                                <img src="http://img.echosting.cafe24.com/mobileWeb/common/btn_quantity_up.png" alt="up" width="30" height="27" onclick="adjustQuantity('+')" align="absmiddle" style="cursor:pointer;" />
                                <img src="http://img.echosting.cafe24.com/mobileWeb/common/btn_quantity_down.png" alt="down" width="30" height="27" onclick="adjustQuantity('-')" align="absmiddle" style="cursor:pointer;" />
                            </td>
                        </tr>
                        </table>
                    </li>
                </ul>
                {{$sAddSelectedPrdLoop}}
                <div class="prd_total_price">
                    <p class="title">총 상품 금액</p>
                    <p class="price">
                        <strong id="prdTotalPrice">{{$aPrd.product_price_main}}</strong>
                    </p>
                </div>
                {{$sButton}}
                <!-- tab -->
                <div class="{{$tabMenuClass}}">
                    {{$sTabMenu}}
                </div>
                <div id="NaverChk_Button" class="NaverCheckOutDisplay">
                {{$nv_content}}
            </div>
            </form>
        <!--공통배너-->
        {{$sCurrentCommBannerTpl}}
        <!--공통배너 끝-->
        <!-- top 버튼 -->
        {{$sTopBtn}}
        <!-- //top 버튼 -->
        </div>
    </div>
    {{$aPrd.DetailLayer}}
    <div id="prdDetail" style="display:none;background-color:#{{$aSkinCfg.item_config_bgcolor}};position:absolute; z-index:998; left:0px; top:43px;"></div>
    {{$sFooter}}
</div>
</body>
<script type="text/javascript">
    var sOptions = {{$sOptions}}
    {{$sBuyIncFunc}}
</script>



▼ 모바일쇼핑몰 적용화면




카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]