카페24
카페24 상세페이지 상품이미지 슬라이드 적용, 대표 이미지 흐릿하게 보임/깨질 때
구현화면 카페24 기존 구현 화면 카페24 상세페이지 상품이미지는 기본으로 하단 작은 이미지를 클릭하는 형식이다. 이미지를 슬라이드로 하고 싶은데, 이미지가 흐릿하게 깨져서 보인다.우선 이미지를 나열하기 위해서는 module="product_addimage" 해당 모듈을 이용해야한다. {$add_img} {$add_img} swiper을 사용해서 슬라이드 틀을 만들었다.이게 중요한데, 해줘야하는 설정이 있다. 상품 설정에서 이미지 사이즈 변경을 해주자. 축소 이미지 사이즈를 키워주고 사진을 재업로드하면 된다.그러면..
[카페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을 공부하자. 아니면 신중하게 수정하자. 오타 하나로 고장날수도 있으니까.. (사실 이건 카..