FAQ & 가이드 목록

상품 상세페이지 연관상품 상세설명 위로 이동하기 (코드,초급)

연관상품은 기본적으로 상품 상세설명 하단에 위치합니다. 아래 코드를 사용하면 연관상품 영역을 상세설명 위, 대표이미지 하위로 이동시킬 수 있습니다.

적용조건

연관상품이 노출되는 쇼핑기획전 위젯은 반드시 상품 상세페이지에 "추가된 빈 섹션에 위치"해야 합니다. 

적용 방법

상품 상세 페이지에 코드 위젯을 추가한 뒤, 아래 스크립트를 입력해 주세요.

<script>
// 하나의 코드로 PC와 모바일 모두 적용
$(window).resize(function() {

    if (window.innerWidth > 767) { 
        // PC에서 연관상품을 상세 설명 위로 이동
        $("#연관상품_섹션ID").insertAfter(".goods_wrapper");

    } else {
        // 모바일에서 연관상품을 상세 설명 위로 이동, PC에 입력한 동일한 섹션ID입력
        $("#연관상품_섹션ID").insertAfter(".item_detail");
    }

}).resize();
</script>
참고: #연관상품_섹션ID 부분에는 실제 연관상품 섹션의 #를 포함한 전체 ID 값을 입력해 주세요. 섹션 ID는 연관상품 영역을 클릭한 뒤 섹션 설정에서 확인할 수 있습니다.

적용 후 확인 사항

저장 후 미리보기에서 PC와 모바일 화면을 각각 확인해 주세요.

상세설명 상단에 연관상품이 정상적으로 노출되면 적용이 완료된 것입니다.

목록으로