주 콘텐츠로 건너뛰기

추가 구성 상품의 옵션 선택 영역이 '필수'로 되어 있는데 수정할 수 있나요?

추가 구성 상품에서 '필수' 문구를 수정할 수 있어요.
자세한 내용은 아래에서 확인해 주세요.

자세히 알아보기

추가 구성 상품의 영역을 접는 방법

  1. 추가 구성 상품의 영역은 접힌 상태로 제공되어요.
    필요할 때에만 열어서 구매할 수 있어요. 


  2. 스마트디자인 편집 창에 접속해 주세요.
    상품 상세( /product/detail.html) 페이지의 맨 아래쪽에 아래 소스를 삽입해 주세요.
    <!--@js(/js/module/product/add_product_script.js)-->

  3. 신규 js 파일을 추가하여 아래 소스를 삽입해 주세요.

    * 위치 :  /js/module/product/add_product_script.js

    EC$(function($) {
        var oToggleAddProduct = $('.xans-product-addproduct .toggle, .xans-product-addproduct .title');

        if (oToggleAddProduct.length > 0) {
            oToggleAddProduct.click();
        }
    });


  4. 소스를 저장한 뒤 상품 상세 페이지에 접속하면 추가 구성 상품이 접혀진 상태로 제공되어요.

추가 구성 상품에서 '필수', '선택' 문구를 삭제하는 방법

  1. 추가 구성 상품 옵션의 '필수', '선택' 문구를 제거하여 혼란을 줄일 수 있어요.

  2. 스마트디자인 편집 창에 접속해 주세요.
    상품 상세( /product/detail.html) 페이지의 맨 아래쪽에 아래 소스를 삽입해 주세요.
    <!--@js(/js/module/product/add_product_script.js)-->

  3. 신규 js 파일 추가하여 아래 소스를 삽입해 주세요.

    * 위치 :  /js/module/product/add_product_script.js

    EC$(function($) {
        removeAddProductOptionText();

        $('select[product_type="addproduct_option"]').change(function() {
            removeAddProductOptionText();
        });

        $('.xans-product-addproduct .xans-product-option p.value').each(function() {
            $(this).html(($(this).html().replace(/\[필수\] |\[선택\] /, '')));
        });

        function removeAddProductOptionText() {
            $('select[name^="addproduct_option_name"] > option[value="*"]').each(function() {
               $(this).text($(this).text().replace(/\[필수\] |\[선택\] /, ''));
            });
        }
    });


  4. 소스를 저장한 뒤 상품 상세 페이지에 접속하면 추가 구성 상품 옵션에 '필수', '선택' 항목이 노출되지 않아요.

추가 구성 상품의 영역도 접고 '필수', '선택' 문구를 삭제하는 방법

  1. 스마트디자인 편집 창에서 접속해 주세요.
    상품 상세( /product/detail.html) 페이지의 맨 아래쪽에 아래 소스를 삽입해 주세요.
    <!--@js(/js/module/product/add_product_script.js)-->

  2. 신규 js 파일 추가하여 아래 소스를 삽입해 주세요.
    * 위치 :  /js/module/product/add_product_script.js

    EC$(function($) {
        var oToggleAddProduct = $('.xans-product-addproduct .toggle, .xans-product-addproduct .title');

        if (oToggleAddProduct.length > 0) {
            oToggleAddProduct.click();
        }

        removeAddProductOptionText();

        $('select[product_type="addproduct_option"]').change(function() {
            removeAddProductOptionText();
        });

        $('.xans-product-addproduct .xans-product-option p.value').each(function() {
            $(this).html(($(this).html().replace(/\[필수\] |\[선택\] /, '')));
        });

        function removeAddProductOptionText() {
            $('select[name^="addproduct_option_name"] > option[value="*"]').each(function() {
               $(this).text($(this).text().replace(/\[필수\] |\[선택\] /, ''));
            });
        }

    });

  3. 소스를 저장해 주세요.
    그다음 상품 상세 페이지에 접속하면, 추가 구성 상품이 접혀진 상태로 제공되어요.
    추가 구성 상품 옵션에 '필수', '선택' 항목이 노출되지 않아요.

 

연관 콘텐츠

이 페이지가 도움이 되었나요?
현재 콘텐츠