고도몰5 디자인 스킨 html작업시 가급적 손대지 말아야 할 템플릿 코드
Posted by spray note
디자인 스킨 html 코딩시 생소한 코드들이 있습니다.바로 고도몰5에서 사용하는 고도몰의 템플릿 코드들인데요,이 코드들을 변경/삭제하면 스킨의 레이아웃이 크게 깨질 수 있으므로, 주의해야 합니다.상단 레이아웃(상단 메뉴바 영역)을 예로 들어보겠습니다. 아래는 상단 메뉴바 영역의 코드중 일부입니다.
디자인 스킨 html 코딩시 생소한 코드들이 있습니다.바로 고도몰5에서 사용하는 고도몰의 템플릿 코드들인데요,이 코드들을 변경/삭제하면 스킨의 레이아웃이 크게 깨질 수 있으므로, 주의해야 합니다.상단 레이아웃(상단 메뉴바 영역)을 예로 들어보겠습니다. 아래는 상단 메뉴바 영역의 코드중 일부입니다.
디자인 메뉴를 클릭하면 좌측 하단부에 파일 탐색기를 확인할 수 있습니다. 바로 아래와 같은 그림입니다.폴더를 우클릭하여 새로운 페이지를 추가하거나,폴더를 클릭하고 상단의 새로운 페이지 추가 버튼을 클릭하여 추가할 수 있습니다. 다음, 아래와 같은 팝업창이 뜹니다.파일명은 반드시 영어로 작성해야 오류가 발생하지 않으며,파일설명은 한글로 작성해도 괜찮습니다.새로운 페이지를 추가한뒤, 해당 폴더에서 내가 추가한 페이지를 찾아 클릭합니다.내가 추가한 페이지의 이름은, 위에서 파일설명란에 작성것과 동일합니다.- 화면보기 버튼 : 새로운 페이지의 현 상태를 미리보기 할 수 있습니다.- 디자인 페이지 삭제 버튼 : 페이지를 삭제합니다.- 새 이름으로 저장 버튼 : 해당 페이지를 복제하여 새 이름으로 저장할 수 있습니..
팝업창 메뉴는 디자인-팝업창관리에서 찾아보실 수 있습니다. 팝업창 등록 버튼을 눌러 팝업을 등록합니다. 팝업 노출페이지 메뉴에서 특정 위치에 팝업이 노출되도록 설정할 수 있습니다.메인페이지는 파라메터 값이 없으며파라메터 값이 있는 페이지의 경우 해당 페이지의 파라메터 값을 넣어줍니다. 해당 페이지의 주소창을 보시면, xxx.php?xxxx=001 과 같은 형식의 값이 있습니다.? 좌측에 있는것은 경로값이고, 오른쪽에 있는것이 파라메터 값입니다.경로값을 설정하고, 파라메터값은 복사하여 붙여넣어주시면 됩니다. 창 종류 - 고정레이어 : 사용자가 드래그하여 이동할 수 없음창 종류 - 이동레이어 : 사용자가 드래그하여 이동가능창종류 - 윈도우 팝업창 : 새창이 열리는 팝업창 아래는 팝업창의 내용을 입력하는 페이..
먼저 교체할 배너이미지의 주소를 복사합니다 복사한 주소를 아무곳에나 붙여넣으면 아래와 같이 이미지의 경로를 확인할 수 있습니다. (우측의 data/skin... 이부분) 디자인 - WebFTP 메뉴를 클릭합니다. 아래와같이 FTP창이 열리면 해당 위치의 폴더로 이동합니다. (아래이미지 상단에 home/data/skin... 이부분이 폴더의 경로입니다.) 해당 이미지(top-logo.png)를 찾았으면, 해당 이미지를 삭제하고 추가할 이미지를 같은이름, 같은사이즈, 같은 포멧으로 같은 위치에 업로드합니다.또한 다른방법은, 디자인-배너관리 메뉴에서 하는 방법이 있습니다. 아래와 같이 사용중인 배너이미지가 보입니다. 수정버튼을 누르면 배너이미지 교체와 링크변경등을 할 수 있습니다. 찾아보기를 눌러 배너이미지를..
상품-상품진열관리-메인페이지 상품진열에 진입하시면, 베스트상품, 추천상품, 인기상품별로 상품을 진열할 수 있는 메뉴가 보입니다.먼저 상품진열 버튼을 클릭합니다. 상품진열을 클릭하여 가장 하단으로 스크롤을 내리고, 하단 상품선택 버튼을 클릭해서 내가 현재 등록한 상품중, 메인페이지에 진열할 상품을 선택해줍니다. 상단으로 스크롤해보면 메인페이지 상품진열의 진열순서를 자동으로 설정하는 기능도 찾아볼 수 있습니다.
고도몰의 카테고리 생성은 별도의 코딩없이 생성이 가능합니다.상품-상품분류관리-카테고리관리에 들어가셔서카테고리 정보란의 가장 상단에 있는 카테고리명을 입력하고 저장버튼을 누르면 저장되었습니다. 라는 팝업과 함께 왼쪽에 폴더가 생성됩니다. 또한, 폴더를 우클릭하면 하위카테고리를 생성하거나 삭제할 수 있습니다.
아래의 이미지처럼 상단의 메뉴얼을 클릭하시면 됩니다.고도몰5의 모든 카테고리별 자세한 텍스트 메뉴얼을 확인해 보실 수 있습니다.
인포그램은 무료로 인포그래픽을 만들 수 있는 놀라운 템플릿을 제공합니다. https://infogram.com 링크 클릭 템플릿 미리보기
한글폰트 나눔폰트 (무료) 나눔폰트는 고딕,명조,손글씨등 한글서체에서 필요한 모든 느낌을 무료로 사용할 수 있어, 가장 많이 사용되는 폰트입니다. http://hangeul.naver.com/font (다운 링크) 산돌 네오고딕애플의 IOS에 사용되는 한글 폰트입니다. 윤고딕 깔끔하고 군더기없는 느낌을 주는 고딕폰트입니다. 산돌 백종열 (필기체/펜)백종열 CF감독의 손글씨를 서체로 옮긴 폰트입니다. 산돌 비상폰트(무료) 가벼운 손글씨 느낌의 무료폰트입니다. Rix고딕정사각형의 최고의 균형감을 가진 폰트입니다. 영문폰트 (ttf파일 첨부) 헬베티카(Helvetica) 영문 폰트중 가장 널리 쓰이는 폰트입니다. 1957년 개발된 폰트로 오랜 역사를 자랑합니다. 비상업적 용도로 무료사용이 가능합니다. 유니버스..