반응형 프로그래밍13 [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/Javascript]이미지맵을 이용해서 특정위치로 스크롤 이동하기 [Jquery/Javascript]이미지맵을 이용해서 특정위치로 스크롤 이동하기 모바일 혹은 PC환경에서 이미지맵을 이용해서 현재 페이지 내의 특정 위치로 이동하는 스크립트를 만들었다. PC환경에서의 이미지맵은 작성법이 변경될 일이 없지만 모바일환경에서는 디바이스별로 이미지값이 달라지기 때문에 jquery 등을 이용해서 좌표값을 다시 설정해줘야 한다. 하지만 아래 코드는 jquery 소스 추가 없이 javascript 만으로 구현을 해서 적용했다. 그리고 해당 좌표값 클릭시 원하는 위치로 스크롤 할 수 있도록 구현했다. 먼저 기본 이미지맵 소스이다. 일반적인 이미지맵과 다른점이 있다면 area 영역에 id값을 할당해 주었다. id 값을 할당함으로써 jquery 연동이 좀더 수월해진다. 페이지 이동등을 위.. 2022. 6. 28. 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. 티스토리 블로그에 네이버 공유하기 버튼 넣기 티스토리 블로그에 네이버 공유하기 버튼 넣기 안녕하세요, 이것이궁금블로그입니다. 티스토리 블로그를 운영하다보면 아쉬운점이 하나 있는데요, 그건 바로 네이버공유하기가 지원이 되지 않는 점입니다. 우리나라 사람들이 네이버를 많이 이용하고 있다보니 네이버 블로그로 퍼가기나 네이버카페로 퍼가기를 하고싶을 때가 종종 있는데요, 티스토리에서는 이 기능이 지원되지 않다보니 아쉬울때가 참 많습니다. 네이버로 공유하기를 달게 되면 아무래도 여러 사용자들에게 편리하게 이용이 될것 같아서 네이버 공유하기 버튼을 달아보게 되었습니다. 네이버 공유하기는 위에 있는 이미지의 순서로 진행이 되는데요, 네이버 개발자센터에서 자세하게 안내가 되어 있습니다. https://developers.naver.com/docs/share/nav.. 2022. 3. 21. [카페24쇼핑몰]카페24쇼핑몰 활용 - 배너관리 : 스마트배너관리 장단점 [카페24쇼핑몰]카페24쇼핑몰 활용 - 배너관리 안녕하세요, 이것이궁금블로그입니다. 쇼핑몰 운영을 하시는 분들이나 쇼핑몰 창업을 희망하시는 분들 중에는 카페24쇼핑몰 서비스를 들어보신 분들이 계실텐데요, 카페24쇼핑몰 서비스를 이용하면서 느낀점이나 활용하는 방법에 대해 포스팅을 해보려고 합니다. 찾아보면 잘 나오기도 하는데 또 잘 안나오는게 카페24쇼핑몰 서비스인것 같습니다. 순서는 생각나는대로 작성할거라 어떻게 진행될지는 저도 잘 모르겠네요. ㅎㅎ 오늘은 첫번째로 카페24쇼핑몰에서 사용하는 배너관련 내용을 적어보려합니다. 이 내용은 카페24 쇼핑몰을 사용하시는 분들을 위한 내용이겠네요. 카페24쇼핑몰에는 배너를 쉽게 제작하거나 등록할 수 있는 기본 기능들을 제공합니다. 하지만 사용방법이 초보자 분들에게.. 2021. 12. 29. 이전 1 2 3 다음
