카페24
⚠️ 카페24 사이트가 느릴 때, 폰트를 체크해보자 (AppleSDGothicNeo 폰트 사용시 주의사항)
카페24 작업을 하는데, 한글 폰트는 AppleSDGothicNeo를 사용하신다고 한다.인터넷에서 AppleSDGothicNeo woff2를 다운받아 loacl에 올렸다.그리고 여느때와 다름없이 font-face를 연결했다. 그런데 발생하는 이슈.사이트 접속이 심각할 정도로 느려졌다. 사이트 속도 측정 사이트https://pagespeed.web.dev/?hl=ko PageSpeed Insights올바른 URL을 입력하세요.pagespeed.web.dev 체감이 아니라 실제 측정되는 속도도 엄청 느리다. 🚨 문제 코드@font-face { font-family: "AppleSDGothicNeo"; font-weight: 100; src: url("/moa/fonts/AppleSDGothicNeo/..
카페24 상품 분류/상세 정보 노출 개별 class주는 법
카페24 관리자에서 상품 정보 관리에서 노출 여부를 관리할 수 있는데,이때 각각의 데이터가 무엇인지 알기 위해서는 데이터 별 구분 class나 attribute를 추가해주어야 한다. 상품 목록 {$item_title} : {$item_content} {$item_title} : {$item_content} > 구현 코드 ... ... ... 상세페이지 {$item_title} {$item_content} {$item_title} {$item_content} > 구현 코드 ... ... ..
카페24 카카오 로그인 에러 : Failed to launch 'intent:#Intent;action=com.kakao.talk.intent.acti
크롬에서 모바일 모드로 켜서 카카오 로그인을 하려고 하는데, 에러가 뜨면서 로그인되지 않는다. 모바일 환경에서는 카카오톡으로 간편하게 로그인 하도록 intent호출을 하게된다.하지만, 개발자모드로 User-Agent만 모바일로 변경한 경우 intent호출해도 처리 할 수 없으므로 이미지처럼 표시된다. 실제 모바일 기기에서 테스트 하시거나 모바일 에뮬레이터를 사용하면 문제 없다.
카페24 상세페이지 상품이미지 슬라이드 적용, 대표 이미지 흐릿하게 보임/깨질 때
구현화면 카페24 기존 구현 화면 카페24 상세페이지 상품이미지는 기본으로 하단 작은 이미지를 클릭하는 형식이다. 이미지를 슬라이드로 하고 싶은데, 이미지가 흐릿하게 깨져서 보인다.우선 이미지를 나열하기 위해서는 module="product_addimage" 해당 모듈을 이용해야한다. {$add_img} {$add_img} swiper을 사용해서 슬라이드 틀을 만들었다.이게 중요한데, 해줘야하는 설정이 있다. 상품 설정에서 이미지 사이즈 변경을 해주자. 축소 이미지 사이즈를 키워주고 사진을 재업로드하면 된다.그러면 product_addimage 모듈로 슬라이드 구현 가능! 참고 문..
[카페24] 카테고리 이미지가 출력되지 않을 때
해당 문제는 상품 분류(카테고리)의 분류꾸미기에서 설정한 이미지가 반영되지 않아 발생할 수 있습니다. 먼저, 상품 > 분류 관리 > 상품 분류 관리에서 해당 분류의 분류꾸미기에서 타이틀 이미지를 이미지 직접 등록으로 등록해보세요. 만약 설정한 이미지가 반영되지 않는다면, 디자인 편집창에서 /preference/product/product_category.ini 파일을 삭제 후 다시 확인해보시기 바랍니다.
[카페24] 상품 목록 KRW 단위로 출력하는 법 (10,000원 > KRW 10,000)
상품 목록에서 "16,000원"을 "KRW 16,000"으로 단위를 바꾸려면, 쇼핑몰 설정 > 결제 설정 > 결제 정책 설정 > 결제 방식 설정 > 결제수단 사용설정 '에서 '결제금액 표기 방식'이 `화폐단위표기 (10,000원)`으로 설정되어 있어야 합니다. 설정 후 상품 등록 시 판매가에 "KRW"이 붙어서 등록됩니다.
카페24 웹FTP가 없어졌다 (신규 쇼핑몰 카페24 웹FTP -> 디자인FTP)
어느 날처럼 카페24외주를 진행하는데, 이번 건은 FTP접속이 안되었다. FTP비밀번호가 문제가 있나 해서 클라이언트에게 수정을 요청했는데,변경 사항 선태사항에 "FTP/파일링크"가 안뜨고 "파일링크"만 떴다. 좌측 메뉴에도 "웹FTP"가 없고, "디자인FTP"랑 "파일업로더" 라는 메뉴가 있었다. 디자인FTP는 뭐를 신청하라고 뜬다. 뭐지? 기존에는 웹FTP가 있었다. 카페24측에 문의해보니, 21년 12월부터 신규 쇼핑몰은 ftp로 사이트에 접근하는게 아니라고 한다.쇼핑몰 스킨과 이미지를 분리해서 관리할 수 있도록 웹FTP -> 디자인FTP/파일업로더 로 기능을 분리했다고 한다. 쇼핑몰 스킨 : 디자인FTP이미지 : 파일업로더 ■ 변경내용 기존 제공하던 웹FTP를 제거하고 '파일업로더' 및 '..
카페24 네이버 쇼핑라이브 노출 애니메이션 추가
네이버 쇼핑라이브를 설치했는데, 각각 애니메이션을 넣어주세요! 카페24 에서 '네이버 쇼핑라이브' 앱을 무료로 제공한다. 설치된 앱을 설명서 따라 셋팅하면 화면에 라이브 커머스가 출력된다. html에서 apps폴더가 생성됨을 확인 할수 있다. 내부 파일을 살펴보니, 외부 js를 호출하는 용도로 쓰이거나, 간격, 사이즈 와 같은 디자인 커스텀이 가능했다. onLoad/onError와 같은 이벤트도 제공했다. items에 wow fadein delay attr를 줘서 해결하고자 했는데, 코드를 아무리 뒤져봐도 item을 컨트롤하는 함수는 apps에 있지 않았다. network를 열어서보니 외부js에서 item element를 만들어 innerHTML하는 것 같아보였다. 그렇다고 init()에 return값이..
[카페24] Cafe24에디터에서 탈출하기 :: vscode로 cafe코드 원격 수정하기
카페 24에서 제공하는 Cafe24 editor는 정말 화난다. 아주 화가 많이. 잔뜩. 🤦♂️ 전체 파일 검색이 믿음이 안감, css하나 찾으려면 모든 파일 열어서 찾아야 함파일 내 검색이 정상적으로 작동 안 함 (find in file not working)파일 형식 제대로 검사 안해줌 (not eslint)코드 재정렬 그런거 없다. (beautify not working) 위에 있는게 모두 가능한, 개발툴로 cafe원격 수정하는 방법을 공유한다.사람은 도구(IDE)를 써야 한다. ⚠️ 주의할 점카페24 에디터와 달리 코드 변경에 대한 history를 따로 저장하지 않는다. 형상관리를 원한다면 git을 공부하자.아니면 신중하게 수정하자. 오타 하나로 고장날수도 있으니까.. (사실 이건 카페24에디..
[Cafe24] coupon_productdetailajax 모듈
{$coupon_kind} / {$coupon_period_detail} / {$coupon_usecon} / {$coupon_issue}/ {$coupon_product_info} 할인 / 2023-01-04 00:00 ~ 2023-01-07 23:00 / 주문 금액 기준(모든 상품) 4000원 이상 구매시 / 최대 1매까지 가능/ 전체상품 쿠폰명 쿠폰 할인 금액 사용기간 사용기간 및 시간 사용 조건- 금액 (0원이상 구매 시) 최대 1매까지 가능 주문 금액 기준(모든 상품) 4000원 이상 구매시 적용 대상-전체상품 { "6074591450900000205":{ "coupon_no":6074591450900000205, "coupon_name":"%ED%85%8C%EC%8A%A4%ED%8A%B8%20..