에디트플러스 (5) 썸네일형 리스트형 #8 모바일 분류 페이지 수정 -수정 내역 1. 대분류 카테고리 상단배치 2. 중분류 카테고리 디자인 수정 3. 필터 부분 디자인 수정 4. 상세페이지 전반적인 디자인 뜯어고치기 #7 모바일 홈페이지 레이아웃 및 메인 완성 메인 레이아웃 수정 전 메인 레이아웃 수정 후 카테고리, 게시판 목록, 최근 본 상품을 왼쪽 토글 바에 넣었고 전반적인 구성을 고쳤다. 상품 목록은 이름과 가격만 있었는데 요약 제품설명과 할인 전 가격도 추가했고 아이콘이 달린 상품은 아이콘도 표시된다. UP/DOWN 버튼을 추가해서 이동하기 편리하게 제작했다. #3 왼쪽 메뉴바 완성 및 메인 레이아웃 완성 - 작업내용 1. 왼쪽 메뉴바 토글 기능 2. 상단 메뉴 스크롤 내리면 고정 3. 메인 페이지 레이아웃 조정 및 이미지 작업 후 넣기 4. 왼쪽 메뉴바에 내용 추가(배송정보, 인스타그램) 5. 상단 메뉴 누르면 나오는 분류 페이지 상품정보 4개로 수정 레이아웃에 넣을 이미지를 만드는게 너무 힘들었다. 포토샵.. 다룰 줄 알지만 흥미는 정말 없는게 분명하다! #2 왼쪽 메뉴바 생성 및 메인 페이지 진열 수 수정 왼쪽에 있던 지저분한 게시판목록과 고객센터 정보 및 계좌정보를 왼쪽 박스에 넣었다 추후 열고 닫을 수 있게 자바 스크립트를 만질 예정임 그리고 메인 상품 진열수를 3개에서 4개로 변경하고 크기도 조정함 추후 롤링페이지와 상단 레이아웃을 변경 할 예정이다. 카페24 디자인 수정 준비하기 운영하는 쇼핑몰 디자인을 수정해주기로 했다! HTML, CSS, JS에 대한 기초지식이 있으니 어렵지 않을 것 같다. 모바일 웹페이지와 PC용 웹페이지 두종류로 나뉘어있어서 고칠게 많아보인다. 카페24에서 제공하는 디자인 편집 툴은 쇼핑몰 관리자 웹페이지에서 제공해준다. 그런데 자동완성도 안되고 코딩하기엔 불편한 점이 많은데 에디터플러스 툴을 사용하면 편하게 HTML, CSS, JS를 코딩할 수 있다. 다만 30일 무료체험이 끝나면 유료라는 점 ㅠㅠㅠ 최대한 빠르게 디자인을 수정해야겠다. 카페24에서 쇼핑몰 호스팅을 받으면 JAVA같은 back단은 수정할 수 없고 디자인만 수정 가능하다. 대신 module을 이용해서 Back단과 파라미터를 주고 받을 수 있다. 아래 주소를 클릭하면 에디트 플러스 설치 및.. 이전 1 다음
