YouTube 썸네일형 리스트형 반응형 카페24 쇼핑몰 만들기 #17. cafe24 쇼핑몰에 도메인 연결하기 1. 카페24 쇼핑몰에 카페24 도메인 연결하는 경우와 2. 타 도메인 업체(후이즈, 가비아, 닷네임 등) 도메인을 카페24 쇼핑몰에 연결하는 법(네임서버 변경) 두 경우를 알아보겠습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 카페24 쇼핑몰 + 카페24 도메인 연결하는 경우 1. 관리자 로그인 후 상단 메뉴 "상점관리" 클릭 2. 좌측 메뉴 '기본정보관리' 클릭 후 "도메인 설정" 클릭 3. 우측 본문 가운데쯤에 도메인 추가하는 부분이 있습니다. 연결 도메인 입력 칸에 "자신의 보유 도메인 주소를 입력"합니다. 예) aboneu.com 4. "도메인 추가" 클릭 5. 도메인을 연결하시겠습니까? 에서 "확인" 클릭 6. 연결하였습니다 "확인" 클릭 7. 도메인이 최종 연결된 화면입니다. p... 더보기 카페24 쇼핑몰 만들기 #16. 회사소개(오시는 길)에 구글 지도 삽입하기 구글 맵스에서 html 지도 소스를 내 사이트에 iframe으로 삽입하는 방법입니다. 쇼핑몰 화면 하단에 "회사소개" 클릭 시 '오시는 길' 부분에 주로 사용됩니다! [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1단계 : 구글 맵스에서 내 지도 소스 가져오기 1. "구글 맵스"에 접속합니다. https://www.google.com/maps/ Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.com 2. 주소 입력칸에 본인의 주소를 입력합니다. 3. 오른쪽에 돋보기 모양 "검색" 아이콘을 클릭합니다. 4. "공유" 글자 클릭 5. 두 번째 탭 "지도 퍼가기" 클릭 6. "HTML.. 더보기 카페24 쇼핑몰 만들기 #15. 메인 상품 진열관리 - 가로2단~5단 변경 메인화면에서 추출된 상품들의 상품 진열을 가로 2단, 3단, 4단, 5단으로 변경하는 법입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 저는, 먼저 4개의 메인 추출 영역에 각각 상품을 추출해 놓았습니다. 아래 이미지처럼 가로 단수를 변경해보겠습니다. 메인 추출 영역1 (추천상품) - 가로 2단 메인 추출 영역2 (신상품) - 가로 3단 메인 추출 영역3 (추가카테고리1) - 가로 4단 메인 추출 영역4 (추가카테고리2) - 가로 5단 p.s) "메인 화면"이 아닌 "상품 분류"에서 상품 진열하는 법은 아래 글을 참고바랍니다. 13편. 상품 진열관리 - 가로 2단3단4단5단 변경 https://aboneu.tistory.com/422 카페24 쇼핑몰 만들기 #13. 상품 진열관리 - 가로 2단3단4.. 더보기 카페24 쇼핑몰 만들기 #14. 메인 상품 진열관리 - 상품 메인 추출 상품을 분류별로 등록했다해서 메인 첫 화면에 자동으로 추출되지 않습니다. 그래서, 상품을 메인에 추출하는 법을 알아보겠습니다! [ ▼ 하단 유튜브 영상으로 상세 설명! ] 메인 추출 영역은 기본 셋팅시 4개의 섹션 박스로 넣을 수 있습니다. 메인 상품 진열관리 - 관리자 페이지 위치 확인 1. 상단 메뉴 "상품관리" 클릭 2. 좌측 메뉴 "상품관리" 클릭 후 3. "메인 상품 진열관리" 클릭 4. 본문 위쪽에 "메인분류 관리" 에 있습니다. 메인 분류 "이름 변경" 및 "추가" 방법 5. "메인 분류 관리" 클릭하면 팝업창이 뜹니다. 6. 분류명을 "추천상품" → "Recommend" 처럼 이름 변경 가능합니다. 7. "추가"를 클릭해서 4개 섹션을 5개로 만들 수 있습니다. 8. 정보를 변경 후 "저장.. 더보기 카페24 쇼핑몰 만들기 #13. 상품 진열관리 - 가로 2단3단4단5단 변경 상품 분류(리스트) 페이지 - 상품 진열관리 "일반 상품목록 패키지" 가로 단수 변경하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 가로 2단일 때 상품 분류(리스트) 페이지 가로 3단일 때 상품 분류(리스트) 페이지 가로 4단일 때 상품 분류(리스트) 페이지 가로 5단일 때 상품 분류(리스트) 페이지 위처럼 변경을 위해서는 몇 가지 단계로 작업을 해야 합니다. 1단계 : 아보느 카페에서 미리 수정 작업된 "첨부파일" 다운받기 https://cafe.naver.com/aboneu/91 제 카페 글 첨부파일에서 "업로드파일.zip" 을 다운을 받아 압축을 풉니다. 카페24 쇼핑몰 만들기 #13. 일반 상품목록 가로 2단3단4단5단 변경 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 2.. 더보기 카페24 쇼핑몰 만들기 #12-1. 상품수정+동영상첨부 & 상품삭제 이전 12편에 이어서 12-1편을 진행합니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1 단계 : 등록 완료한 상품의 가격 변경하기 1. 쇼핑몰 로그인 후 상단 메뉴 "상품 관리" 클릭 2. 왼쪽 상품관리 클릭 후 "상품목록" 클릭 3. 본문 중간에 "상품 목록" 에서 수정할 상품 글자를 클릭합니다. 4. 그럼, 상품 수정 팝업이 뜹니다. 상품 수정 창에서 상단에 "수정 항목 선택 TAB" 이 있습니다. 이 곳에서 가격수정은 "판매정보" 탭에 들어 있습니다. 5. 판매정보 탭 클릭된 화면에서 6. 공급가와 판매가를 기존 50000원 → 10000원으로 수정합니다. 7. 수정 완료 후 "상품수정"을 클릭하면 가격이 최종 변경됩니다. 8. 쇼핑몰 화면에서 가격 변경 전/후 확인 2 단계 : 상품 상세설.. 더보기 카페24 쇼핑몰 만들기 #12. 상품등록 - 간단등록(텍스트&사진) 상품등록 방법 중 간단등록 설명입니다. 챕터 12편, 12-1펀 로 나누어 정리했습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 관리자 페이지 로그인 후 1. 상단 메뉴 "상품관리" 클릭 2. 좌측 메뉴 - 상품등록 클릭 후 "간단 등록" 클릭 간단 등록시 "필수 입력 정보들"입니다. ① 기본 정보 ② 판매 정보 ③ 표시 정보 ④ 이미지 정보 4가지를 입력이 다 되면 하단에 "상품등록"을 합니다. 위 필수 입력 정보들 중 ① 기본 정보 추가 설명입니다. (상품상세설명에 이미지 사진 첨부 방법입니다.) 기본 정보에서 "상품명" 필수 부분에 제목을 적습니다. 예) 포토샵 대각선 그리기 다음으로 이미지 삽입은 상품상세설명 부분에 1. 나무모양 아이콘을 클릭 2. 업로드할 이미지를 선택 후 3. 열기 클릭.. 더보기 카페24 쇼핑몰 만들기 #11. 네이버 포스트 위젯 iframe 삽입 11편은 네이버에서 제공하는 포스트를 운영하시는 분들에 한해서 적용됩니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 지금 할 내용은 좌측 부분에 "네어버 포스트 위젯달기" 입니다. 2. 먼저, 네이버 포스트에 로그인 후 우상단에 "관리"를 클릭 3. 상단 메뉴 중 "위젯"을 클릭 4. 가운데에 있는 iframe소스 부분을 "Ctrl + C" 해서 복사합니다. 5. 에디트 플러스를 실행합니다. sde_design/base/layout/basic 폴더로 이동 후 layout.html 과 main.html 2개 파일을 엽니다. 그리고 166번째 줄에 아래 형태처럼 붙여넣기하면 됩니다. p.s) 자신의 iframe소스를 붙이면 됩니다. 아래는 제 포스트 위젯 iframe 소스입니다. 6. 좌측에 위젯이.. 더보기 카페24 쇼핑몰 만들기 #10. "좌측 메뉴" 롤오버 이미지로 교체 좌측 메뉴 변경은 관리자페이지에서 디자인 변경 작업을 하겠습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 이번에, 변경 할 내용은 좌측 메뉴 "텍스트 메뉴" → "롤오버 이미지 메뉴" 로 변경하는 것입니다. 변경에 앞서, 포토샵에서 좌측 메뉴 작업을 미리 해두어야 합니다. 포토샵에서 가이드 라인을 그어 놓고 각 메뉴별 롤오버 전/후 이미지를 조각파일로 작업합니다. 이미지 작업을 완료 후 2. 관리자 페이지로 접속 후 "디자인관리" 클릭 3. "쇼핑몰 디자인 수정"을 클릭합니다. 4. 디자인 수정화면에서 좌측 메뉴 부분에 마우스를 근처로 가져갑니다. 5. 해당 부분에 "편집"을 클릭합니다. 6. "속 성" 탭을 클릭 후 각 메뉴별로 메뉴 이미지를 "사용함"으로 변경 체크합니다. 7. "찾아보기" 를 .. 더보기 카페24 쇼핑몰 만들기 #9. 로고 변경 & 메인 상단 이미지 교체 디자인 변경 작업 순서 : 1. 로고 & 메인 상단 이미지 작업 2. FTP로 이미지 파일 올리기 3. 로고 텍스트를 이미지로 변경하기 4. 메인 상단 이미지 교체하기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 변경 할 부분은 아래 그림에서 노란색으로 칠해진 부분입니다. 1. 로고이미지와 메인 상단 이미지 미리 만들기 logo.jpg (로고 변경용) main_visual.jpg (메인 상단 이미지 교체용) 2개 이미지 작업을 미리 합니다. 픽셀 크기 사이즈는 logo.jpg (240 x 80)픽셀 main_visual.jpg (1014 x 424)픽셀로 했습니다. p.s) 파일질라 사용법을 잘 모르신다면 아래 글을 확인 후 진행하세요~ 6편. FTP 프로그램(파일질라) 설치 및 사용법 https://a.. 더보기 카페24 쇼핑몰 만들기 #8. 디자인 백업/복구 방법 2가지 html 관련 디자인 수정 작업을 할 땐, 미리 디자인백업을 하시면서 작업을 하는 것이 좋습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 첫 번째 방법 : 관리자 페이지에서 디자인 백업 & 디자인 복구 하기 1. 쇼핑몰 로그인 후 "디자인관리" 클릭 2. 좌측 메뉴에서 "디자인 백업·복구" 클릭 3. 백업할 디자인 선택 체크 후 4. "백업하기" 클릭 5. 그런데, 직접 백업을 안 해도 자동적으로 백업이 됩니다. (즉, 관리자로그인 기록이 있으면 시스템상에서 자동으로 백업이 이루어집니다.) 6. 디자인복구는 복구할 항목을 체크 선택후 "복구"를 누르면 됩니다. 7. 안내를 보면 자동백업은 매일 새벽 5시경에 24시간 전의 관리자 로그인 기록이 있는 경우 시스템에서 자동으로 백업을 진행합니다. (참고.. 더보기 카페24 쇼핑몰 만들기 #7. 에디트플러스로 카페24 FTP서버 원격 접속 에디트플러스(EditPlus)는? 윈도용 문서 편집기로서, HTML 웹문서나 프로그램 개발을 쉽게 할 수 있도록 도와주는 에디터입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 에디터(html 문서편집기) 종류로는 "드림위버, 에디트플러스, 브라켓, 아톰, 비주얼스튜디오코드" 등 여러 가지가 있지만, 저는 FTP 서버 연동 기능이 편리한 "에디트플러스"를 기준으로 작업을 진행하겠습니다. p.s) FTP 원격 접속하는 법이 주된 설명이니, 설치하는 법은 생략하겠습니다;; 1. 에디트플러스 실행 후 상단메뉴 "파일" 클릭 2. "FTP" 클릭 3. "FTP 설정" 클릭 4. "추가"를 클릭하면 설정 창이 뜹니다. 5. 자신의 호스팅 서버 정보를 입력 후 "확인"을 클릭합니다. ① 설명 : 자신의 쇼핑몰 .. 더보기 반응형 이전 1 ··· 16 17 18 19 20 다음
