전체상품목록 바로가기

본문 바로가기

(해외배송 가능상품)
공급사 바로가기
SNS 상품홍보
SHARE
추천메일 보내기 상품조르기 대량구매문의

스마트디자인 페이지 수정 경로 찾아가기

기본 정보
상품명 스마트디자인 페이지 수정 경로 찾아가기
수량 수량증가수량감소

개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.

상품 옵션
옵션 선택

(최소주문수량 1개 이상 / 최대주문수량 0개 이하)

사이즈 가이드

수량을 선택해주세요.

위 옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

상품 목록
상품명 상품수 가격
스마트디자인 페이지 수정 경로 찾아가기 수량증가 수량감소 0 (  )
총 상품금액(수량) : 0 (0개)

할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

이벤트


안녕하세요. 

오늘은 cafe24 쇼핑몰 디자인의 수정 하는 방법을 알려 드릴꺼에요.

하단 회사 정보(기본적으로 상점관리의 설정 값을 따르지만 
경우에 따라서는 고객님께서 꼭 표시하고 싶은 방식으로 표시 하실 수도 있으십니다.)
나 간단한 SNS 경로나 회사 소개 페이지 등을 수정할 일 들이 있으실 때,
찾아가는 방법을 모르실 경우 상당히 불편합니다.

그래서 좀 더 쉽게 찾아가시는 방법을 안내 해 드리려고 합니다.

우선 우측의 관리자 페이지를 통해서 관리자 접속을 해 주세요.

그다음,

디자인 관리를 선택하신 뒤 디자인 편집하기 버튼을 눌러 주세요.

그 이후에 수정 경로 가운데에서 어떤 페이지를 수정 하실 지에 대해서 결정을 해 주셔야 됩니다.

틀에 해당하는 레이아웃 페이지를 수정 하실 고객님이 계시고,
상세에 해당하는 페이지를 수정하시려는 고객님들이 계십니다.

예를 들면



위에서 보는 이미지와 같은 경우는 파란색 테두리를 제외한 부분은 늘 모든 페이지에서 나오는 화면을 레이아웃이라 부르고,
파란색 테두리 부분본문이라고 합니다.

또한 중복되어 자주 나오는 페이지들은 임의로 모듈화 해서 제작 해 두었습니다.

총 세가지의 경로 찾아가는 방법이 모두 다르니 잘 확인하셔서 수정 하시기 바랍니다.

우선 레이아웃 페이지부터

거의 모든 메인 페이지에 메인이라는 레이아웃을 사용하지만, 경우에 따라 페이지 전체를 레이아웃을 사용하지 않으시는 경우도 있기 때문에 모든 경우에 해당하지는 않습니다.

그럼 아래와 같이


공통으로 사용되는 레이아웃을 찾아서 파일을 오픈 해 줍니다.



레이아웃의 상단 부분은 쇼핑몰 전체에 들어가는 설정 값 등이 들어 가 있으며 해당 부분을 수정 하시기 위해서는 HTML이나 CSS, jquery 에 대한 이해가 없으실 경우, 가급적 수정을 하지 않으실 것을 권고 드리며, 혹시라도 수정을 원하실 경우, 반드시 원본파일을 백업 해 두신 뒤 수정 하시기 바랍니다.

상세 페이지에 들어가는 컬러의 경우, color.css 라고 설정 해 둔 파일 내에서 수정이 가능하십니다.

또한 레이아웃의 경우


위와 같이 설정이 되어 있습니다.

파일의 제목으로 어떤 파일인지 쉽게 유추가 가능하시도록 어렵지 않은 이름으로 구성 해 두었습니다.
예제로 보여드린 J디자인의 경우, 카테고리 부분들은 모두 /layout/basic/header.html 에 구성 해 두었고,
하단 회사 정보는 footer.html 에 구성 해 두었습니다.

또한 J디자인은 다른 디자인과 다르게 상단에 로그인 창이 있기 때문에 top_login.html 파일이 별도로 존재 합니다.

이와 같이 레이아웃 페이지에서 해당 부분이라 유추되는 파일을 보신 뒤 내부에서 수정을 진행 하시면 됩니다.

본문 수정의 경우


페이지를 보고 있는 화면에서 제일 마지막 부분의 파일이름.확장자명을 검색하시면,
해당 파일 이름과 똑같은 경로의 이름을 안내 해 줍니다.

체크 하고 선택파일 열기를 누르시면 해당 파일로 연결이 됩니다.

간혹 알 수 없는 이름으로 나와 있는 페이지 들이 있습니다.

그 경우는 대부분 고객님께서 수정을 하지 않으시는 경우가 더 좋은 페이지 들입니다. (모듈이 많은 페이지들)

주석으로 필요한 부분들은 안내 해 드렸으나, 가급적 수정 하실 경우, 운영이나 판매에 영향을 줄 수 있는 부분들이기 때문에 권고 하지 않는 부분입니다.


해당 페이지 등은 .html 앞의 파일이름.확장자 로 선택을 하시면 됩니다.

또한 주요 페이지들은 첫 화면의 왼쪽에서 주요화면으로 선택이 되어 있기 때문에 어렵지 않게 사용이 가능하십니다.

모듈 수정의 경우

그다지 어렵진 않지만, 카페24를 처음 사용하시는 분들이라면 혹은 HTML에 익숙하지 않으신 분들이라면 어렵게 느끼실 수 있는 부분입니다.

본문 부분이라 생각하고 페이지를 잘 찾아서 들어갔는데


위의 이미지 처럼 땋

분명 지도가 있을 것 같은 이름의 클래스인데, 지도의 소스가 보이지 않는다니....

그렇다면 옆 부분의 화살표 있는 부분으로 마우스를 가져다 대면 [파일열기] 라는 글자가 생기고 그 글자를 누르면 그 파일 안으로 접근 할 수 있게 됩니다.

위의 여러가지 방법으로, 디자인 페이지를 직접 수정 하실 수 있도록 경로를 찾아가는 방법을 안내 해 드렸습니다.


여러차례 강조 하고 있지만, HTML수정이나 css, jquery의 경우, 웹 표준을 따르지 않거나, 고객님의 임의대로 수정을 하실 경우 결제나 운영에 영향을 미칠 수 있는 부분이기 때문에 반드시 주의를 하셔서 수정 하셔야 하며, 반드시 원복을 백업 해 두신 후 수정하시길 권고 드립니다.



혹시라도 고객님께서 수정하시다 
문제가 발생하였을 경우에는 
원래 구매하셨던 스킨과 동일한 모듈로 
변경을 진행 해 드릴 수 있습니다.

수정 문의 게시판에 남겨주시면, 구매하셨던 모듈과 동일한 모듈 & 스타일로 수정 해 드릴 수 있으며, 
그 경우 고객님께서 수정을 하셨던 부분에 대한 소스 원본은 지켜지지 않습니다. 
또한 이 경우도 2회 이상 요청 하실 경우 각 회당 추가요금이 발생합니다.

구매에 관련된 문의사항은 견적문의 게시판을,
수정에 대한 문의사항은 수정문의 게시판을 통해 남겨 주시면 됩니다.



REVIEW

상품의 사용후기를 적어주세요.

게시물이 없습니다

Write View all

Q&A

상품에 대해 궁금한 점을 해결해 드립니다.

게시물이 없습니다

Write View all