반응형 카페24쇼핑몰수정4 [javascript]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 특정요소 감추기 [javascript]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 특정요소 감추기 카페24 쇼핑몰을 운영하다 보면 마케팅 영역에 따라 특정 요소를 감춰야 하는 경우가 생긴다. 카페24 쇼핑몰 솔루션에서는 해당 기능을 지원하지 않기 때문에 jquery를 이용해서 해당 기능을 구현했다. jquery 특성상 로딩에 시간이 걸리기 때문에 완벽하게 처리가 되지는 않지만 어느정도 처리가 되므로 원하는 기능구현에 문제는 없어 보인다. 처리방식은 현재페이지의 URL을 확인하고 URL안에 특정 키워드가 포함되있으면 해당 영역을 숨김처리하도록 했다. var aUrl = window.location.href; $(function(){ function urlCk(){ var burl = window.location.href.. 2022. 10. 19. [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 쿠폰다운로드 영역 수정하기 [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 쿠폰다운로드 영역 수정하기 카페24 쇼핑몰 디자인수정하기(스킨 수정하기) 카페24 쇼핑몰 상세페이지에서는 쿠폰다운로드영역이 쿠폰다운로드 타이틀이 나오고 토글스위치를 작동하면 하단에 쿠폰이 보여지게 된다. 쿠폰 다운로드부분이 인지가 되긴 하지만 좀더 구매욕구를 발생하게 하기 위해 실제 지급중인 쿠폰의 정보를 불러와서 같이 보여주었다. 작업은 jquery를 이용해서 처리하였는데 상세페이지에 나오는 쿠폰들 중에 가장 나중에 설정된 쿠폰의 할인율이 노출되게 작업하였다. 쿠폰 다운로드 영역은 coupon_productdetail 모듈을 불러서 사용하는데 타이틀 영역이 노출되고 이후에 ul, li 태그를 이용해 쿠폰목록을 불러온다. 쿠폰 다운로드 {$co.. 2022. 9. 29. [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 적립금 할인율 표시하기 [jquery]카페24 쇼핑몰 디자인 수정 - 상품상세페이지 적립금 할인율 표시하기 상품 상세페이지에서 비회원인 경우 적립금표시가 금액(적립율)로 표시가 되지만 회원으로 로그인을 하게 되면 표기방법이 다르게 나온다. 기본적립율과 회원적립율이 개별적으로 나오게 되며 전체 회원등급에 따른 내용이 표기가 되는데 굳이 여러 등급이 필요하지 않은 경우 페이지가 어지럽고 보기 불편하다. 카페24 고객센터에 문의를 하였더니 지원하지 않는 서비스라고 하여 직접 처리를 하게 되었다. 판매가와 할인판매가, 적립금이 있는데 이걸 jquery 로 값을 불러와서 처리를 해주었다. 개발자 도구에서 해당부분을 찾아보면 아래와 같이 나온다. 629원 69,900원 62,910원 (6,990원 할인) id 값들만 가져와서 처리하면 되.. 2022. 9. 22. jquery - 배열로 요소 가져와서 데이터 활용하기 each, attr, children 등 사용 jquery - 배열로 요소 가져와서 데이터 활용하기 each, attr, children 등 사용 # 반복되는 특정 클래스를 이용해서 해당 데이터들을 배열로 만들고 그걸 이용해서 값을 처리한다. # 카페24 쇼핑몰에서 상품 할인율 처리하는 방법 # 작업순서 - 반복되는 상품목록에 클래스를 선언해준다. "discount" - "discount" 가 들어가있는 요소에 data 필드를 이용해 값을 넣어준다. - "data-price={$product_price}" => 카페24 쇼핑몰에서는 {$product_price}가 판매가 {$product_custom}은 소비자가 {$prd_price_sale}은 할인판매가로 적용된다. - 이제 이 요소들을 이용해서 데이터 처리를 진행하면 된다. # 상품목록 html.. 2022. 4. 12. 이전 1 다음