Help Center
카페24 소식
[상품관리] 모바일 이미지 로딩 속도 업그레이드 안내
2015-11-23
안녕하세요. 카페24 운영도우미 입니다.
모바일에서 상품상세의 이미지 로딩 속도를 향상 시킬수 있도록 기능이 업그레이드 되었습니다.
자세한 내용은 아래를 참조해주세요.
■ 적용일자 : 2015년11월25일 (수요일)
■ 업데이트 내용
모바일 쇼핑몰에서 상품상세 이미지에 Lazy Loading 방식을 적용하여 이미지 로딩 속도를 향상 시킬수 있도록 개선되었습니다.
※ Lazy Loading 이란,
사용자 화면에 보이는 이미지만 로딩하고 다른 이미지들은 사용자가 스크롤 하면서 이미지에 가까워지면 로딩되는 방식입니다.
■ 설정 방법
- 위치 : 모바일쇼핑몰 > 모바일 환경설정
▼ 이미지 로딩 속도 개선 설정 화면
- 사용함 : 전체 이미지를 한번에 로딩하지 않고 보이는 화면내 이미지만 먼저 보여주기 때문에 속도가 현저히 향상됩니다.
- 사용안함 : 상품 상세 화면 로딩시 전체 이미지를 모두 로딩합니다.
※ 기존 '더보기' 기능을 사용 중인 쇼핑몰의 경우, 사용함 설정 시 더보기 기능이 비활성화 되며 사용안함 설정시에는 다시 활성화 됩니다.
■ 디자인 가이드
디자인에서 "더보기"기능을 삭제하시고자 할 경우 아래 내용을 참고하셔서 디자인을 수정하시기 바랍니다.
- 위치 : 모바일 쇼핑몰 > 디자인 수정하기 > 상품상세 (/product/detail.html)
▼ 아래 화면에서 빨간색 소스는 삭제합니다.
|
##### 상단생략 ##### <div module="product_additional"> <!--@css(/css/module/product/additional.css)--> <!--@css(/css/module/product/additional_animation.css)--> <!--@js(/js/module/product/additional.js)--> <!--@js(/js/module/product/additional_animation.js)-->
##### 중간생략 #####
<!-- 상세정보 --> <div id="prdDetail"> <div class="button" id="prdDetailBtn"> <a href="/product/zoom.html?product_no={$product_no}" target="_blank" class="btnNormal">원본보기 <span class="ico"></span></a> </div> <div id="prdDetailContent">{$product_detail}</div> <div class="btnMore" id="btnMore"> <a href="#none"> 더보기<span class="icoMore"></span> </a> </div> </div>
##### 하단생략 ##### |
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]