Web lover 웹사랑

카페24 쇼핑몰을 꾸미긴 위해선 FTP을 알아야 하는데요 카페24 웹FTP와 파일질라를 소개시켜드릴게요~ 카페24 웹FTP 관리자페이지 상단에 FTP버튼을 눌러주세요~ 웹FTP > 웹FTP 접속 페이지에서 웹FTP 접속 버튼을 클릭해주세요 웹FTP 접속버튼을 클릭하시면 바로 설치가 되는데 안되면 위의 화면에서 플러그인 매니저 수동설치를 눌러서 설치해주세요 1) 맥OS(인터넷익스플로어 없음, 설치화면도 안나와요) - 설치불가능해요 2) 윈도우10(크롬) - 설치불가능해요 3) 윈도우10(인터넷익스플로어11) - 일반PC의 window환경에서 인터넷익스플로어에선 설치가 잘돼요 접속하시면 위의 화면이 나오는데요 아이디는 자동으로 입력이 되는데 암호만 입력하세요(처음만들었을때 카페24관리자비밀번호) sde_de..

쇼핑몰 코딩정보/카페24 2020. 1. 13. 18:24

상품분류,상품상세 페이지만큼 중요한것이 게시판인데요 [카페24 쇼핑몰] 코딩 초보자 기본요약 세번째 글에서 간단하게 설명을 했지만 상황에 따라서 각각 디자인이 달라져야 하는경우엔 게시판에 대해 세세하게 알아야 수정이 수월합니다. 총 13개의 게시판이 기본적으로 제공되며 여기서 추가하시려면 일반게시판등록 또는 갤러리 게시판등록 버튼을 누르시고 결제를 하시면 됩니다(유료) 1. 일반게시판(공지사항, 뉴스/이벤트, FAQ, 자유게시판, 자유게시판2, 자유게시판3, 자료실) 2. 상품게시판(상품후기, 상품문의) : 상품상세페이지와 연동되어있어서 다른게시판으로 교체해서 사용할수 없습니다. 3. 갤러리게시판(갤러리) 4. 상담게시판(1:1맞춤상담) 5. 한줄메모 이중에서 가장 많이 사용하는 게시판은 일반게시판, 상..

쇼핑몰 코딩정보/카페24 2020. 1. 10. 10:45

상품분류페이지와 마찬가지로 중요한 페이지인데요~ 자동출력되는 모듈이 있으나 디자인이 다를경우 기존과 다르게 수정해야할 경우가 생깁니다. 자~ 상품상세 모듈에 대해 설명해 드리겠습니다 ^^ 상품상세페이지(/product/detail.html) 상품상세페이지에서 중요한 부분이 상단에 위치하고 있는데요 이미지 썸네일과 상품명, 소비자가격, 판매가격 등등 상세정보를 제공하는 페이지입니다. 1. 작은 썸네일 추가이미지 여러가지 썸네일을 마우스 오버하면 볼수가 있는데요~ 상품관리 > 상품목록 > 해당 상품명 클릭 > 상품관리팝업 > 이미지정보탭 > 추가이미지등록 이미지추가하기 버튼을 누르신뒤 이미지를 등록하시면 됩니다 ^^ 2. product_detaildesign 모듈 [카페24 쇼핑몰] 코딩 초보자 기본요약 글..

쇼핑몰 코딩정보/카페24 2020. 1. 8. 19:34

안녕하세요 ^^ 카페24 쇼핑몰에서 상품분류페이지가 중요합니다. 상품이미지, 상품명, 소비자가격, 판매가격 등등 여러가지 나오는 페이지인데요 카페24 쇼핑몰 코딩 초보자 기본요약 두번째 글에서 간략하게 설명을 했지만 상황에 따라서 수정할수있는 부분이 달라질수 있기 때문에 세세하게 알려드릴려고 합니다. 상품분류가 나오는페이지는 쇼핑몰메인(index.html), 상품분류(/product/list.html), 상품검색(/product/search.html) 입니다. 상품분류(/product/list.html)을 기준으로 제가 생각하기에 중요한 부분이라고 생각하는 부분을 설명해 드리겠습니다. 위의그림은 기본 디자인의 상품분류페이지 html입니다. 1) module="product_listnormal" : 상품분..

쇼핑몰 코딩정보/카페24 2020. 1. 5. 18:53

카페24에서 인스타그램을 연동할수있도록 하는 기능(C스토어)이 있었는데요 인스타그램 정책때문에 그 기능이 없어져서 많은 쇼핑몰들이 인스타그램이 안뜨게 됐었습니다 ㅠㅠ 그리고 설상가상으로 인스타그램 개발자 센터에서 새 클라이언트를 등록을 할수가 없게 되었습니다 ㅠㅠ 기존 등록된 부분은 유지가 되지만 새로 가입하신분들은 개발자 센터를 통해서 액세스 토큰을 발급을 못하게 되었지요 그래서 간편한 무료 라이트 위젯을 사용해서 작업을 했었는데 무료기능이외의 기능을 사용하려면 업그레이드(결제) ㅂㄷㅂㄷ 해야했습니다. 스냅위젯도 있었지만 깔끔하게 사용하기가 힘들고 라이트 위젯과 똑같이 결제를 해야했기에 이것은 제외했었지요 ㅎㅎ.. 사설이 길어졌네요 ^^;; 카페24 앱스토어에 생긴 인스타그램 위젯을 소개해드립니다. 관..

쇼핑몰 코딩정보/카페24 2020. 1. 4. 20:48

안녕하세요 ^^ 카페24 쇼핑몰에 관한 기본적인 요약설명과 간편하게 쓸수있는 슬라이드를 소개해드렸는데요 이런 기본적인것들만 알아도 많은 도움이 되지만 사이트를 예쁘게 만들고 싶다면 웹폰트가 빠져선 안된다고 생각합니다~ 구글 웹폰트를 소개드릴 예정인데요 구글 웹폰트는 안정성있고 이제는 한글웹폰트도 많이 올라와서 많이 쓰게되더라구요~ 자 그럼 고고싱 ^^ㅎㅎ https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 사이트를 들어가시면 위의 그림처럼 뜨는데요 Search fonts을 클릭해서 원하는 폰트를 넣으면 바로 웹폰트리스트가 나옵니다...

쇼핑몰 코딩정보/카페24 2020. 1. 3. 19:14

카페24 쇼핑몰에는 jQuery 1.4.4버전이 내장되어 있습니다. 슬라이드를 넣으려고해도 제이쿼리 버전이 너무 낮아서 안되는 경우가 많은데요~ 제이쿼리 버전이랑 상관없이 손쉽게 사용할수있는 슬라이드 플러그인을 소개해드립니다~ http://flexslider.woothemes.com/ FlexSlider 2 flexslider.woothemes.com 워드프레스의 쇼핑몰결제관련해서 유명한 우커머스에서 제공하는 무료 슬라이드 플러그인입니다. 사용하기위해서 다운로드를 받으시면 여러가지 파일들이 많을텐데요 demo폴더 > index.html파일을 열어보시면 예제들이 나오게 됩니다. 너무 파일들이 많아서 정신이 없으실텐데요 ^^;; 손쉽게 사용하는것이 중요하니 일단 카페24 쇼핑몰에 설치 사용법을 알려드리겠습니..

쇼핑몰 코딩정보/카페24 2019. 12. 31. 15:06

1. 상품(product) A. 상품썸네일사이즈 설정 -> 관리자페이지 > 상품등록,수정페이지 이미지사이즈를 변경 설정하고 이미지를 업로드하면 사이즈에 맞게 설정됩니다. B. 상품분류 관련 설정(상품정보표시,상품소비자가격 취소선) B-1. 상품제목, 소비자가격, 판매가격등의 상품정보표시설정은 관리자페이지 > 상품관리 > 상품표시관리 > 상품정보표시설정에서 설정하실수있습니다. (상품목록탭) B-2. 소비자가격의 취소선표시 소비자가격의 취소선표시는 관리자페이지 > 상품관리 > 상품표시관리 > 상품정보표시설정(하단)에서 설정하실수있습니다. (상품목록탭) 사용안함으로 세팅이 되어있기때문에 사용함으로 수정해주세요. C. 상품상세(/product/detail.html) C-1. 상품상세관련 표시설정(상품정보표시,상..

쇼핑몰 코딩정보/카페24 2019. 12. 27. 17:59

1. 쇼핑몰 메인(index.html) A. 상품메인추출 처음 계정을 만드시고 나면 기본적으로 추천상품, 신상품, 추가카테고리1, 추가카테고리2 기본 세팅이 되어 있습니다. 관리자페이지 > 상품관리 > 메인상품진열관리에서 각각의 메인분류에 상품을 추가 삭제을 하실수있으며 메인분류관리버튼을 누르시면 메인분류 관리팝업에서 모듈코드확인 ,메인분류 추가 수정 하실수있습니다. (1) $count = 8 -> 목록출력갯수 (2) 메인분류목록의 모듈코드 module="product_listmain_1"(추천상품) module="product_listmain_2"(신상품) module="product_listmain_3"(추가카테고리1) module="product_listmain_4"(추가카테고리2) (3),(4) ..

쇼핑몰 코딩정보/카페24 2019. 12. 27. 12:42

카페24는 무료 쇼핑몰이라 진입장벽이 낮은 편인데요 그런데 자기 입맛에 맞게 수정하려면 많은 것들을 알아야 합니다. 시작하기에 앞서 카페24 기본스킨을 이해하셔야 수정을 수월하게 하실 수 있다고 생각하는데요~ 이번 페이지에서는 기본 스킨의 기초적인 부분을 알려드릴려고 합니다. 카페24의 기본스킨을 베이스로 해서 메인,공통레이아웃을 설명하겠습니다 ^^ 1. 기본스킨 공통레이아웃 A. 메인 레이아웃(main.html) 메인페이지 상단하단의 공통레이아웃 B. 공통 레이아웃(layout.html) 메인페이지를 제외한 상단하단의 공통레이아웃 카페24 스킨은 기본적으로 메인레이아웃과 공통레이아웃으로 상단하단공통영역을 관리하게 되어있습니다. 2. CSS,JS 파일 다른점 일반 html파일에서 불러오는 소스와달리 카페..

쇼핑몰 코딩정보/카페24 2019. 12. 26. 19:22