현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 상품 카테고리 - 대분류 생성하는 방법
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2019-10-16
  • 추천 추천하기
  • 조회수 156


< 상품 카테고리 생성하는 방법 >

상품관리 > 상품분류관리 > 분류 관리에서 왼쪽에 보시면 상품분류가 폴더메뉴 형식으로 보입니다.

 

- 대분류 등록방법 : 상품관리 > 상품분류관리 > 분류 관리 클릭 후 상품분류설정 항목에 폴더메뉴 형식으로 상품분류가 보입니다. 대분류 추가 버튼을 클릭하면 새 상품분류라는 이름으로 대분류가 추가됩니다. 폴더메뉴에서 추가된 대분류 이름을 클릭한 후 오른쪽의 분류정보에서 상품분류 이름 설정 등 해당 대분류에 대한 설정들을 하실 수 있는데, 반드시 표시상태 항목과 메인분류 표시상태 항목 둘 다 표시함을 선택해주세요. 그리고 하위분류 상품진열 항목은 진열함으로 선택하신 후 페이지 제일 아래의 확인 버튼을 눌러주셔야 쇼핑몰 왼쪽에 대분류 메뉴가 표시됩니다.

 

대분류 텍스트의 색상, 크기 등을 변경하는 방법 :

관리자페이지에서 디자인관리 > 디자인 관리 > 디자인 보관함에서 수정할 디자인의 HTML디자인 수정 버튼 클릭하면 스마트 디자인 편집창이 뜹니다.

편집창 왼쪽 하단의 화면명 검색창에 nav.css 를 검색하여 선택파일열기 버튼을 클릭합니다.

소스 중에서 아래와 같은 소스가 있습니다. 아래 설명 보시고 수정해주시면 됩니다.

 

/* 상품 카테고리 텍스트 */

#category-lnb .d1-wrap li { margin:0 auto; border-bottom:1px solid #e9e9e9; width:80%; }

#category-lnb .d1-wrap li a { width:100%; font-size:12px; display:inline-block; padding:5px 0 5px 20px; text-decoration:none; letter-spacing:0.5px; }

/* 마우스 아웃 */

#category-lnb .d1-wrap li a:link { color: #666666; }

/* 마우스 오버 */

#category-lnb .d1-wrap li a:hover { color: #69b60c; }

#category-lnb a:active {color: #666666;}

#category-lnb a:visited {color: #666666;}

 

 

대분류 텍스트의 글자 크기를 수정하고싶으시면 위의 소스에서 연두색 숫자를 좀 더 큰 숫자로 수정해주시면 됩니다.

 

대분류 텍스트에 마우스를 올리기 전의 색상을 원하시는 색상으로 변경하고싶으시면 위의 소스에서 붉은색 부분을 원하시는 색상코드로 수정하시면 됩니다. 붉은색 3개 모두 동일한 색상코드로 수정해주셔야 합니다. 색상코드 바로 뒤의 ; 가 지워지지않도록 유의해주세요. (위의 색상코드는 예시이므로는 실제 소스창의 색상코드와 다를 수 있습니다.)

 

- 대분류 텍스트에 마우스를 올렸을 때의 색상을 원하시는 색상으로 변경하고싶으시면 위의 소스에서 파란색 부분을 원하시는 색상코드로 수정하시면 됩니다. 색상코드 바로 뒤의 ; 가 지워지지않도록 유의해주세요. (위의 색상코드는 예시이므로는 실제 소스창의 색상코드와 다를 수 있습니다. )

 

대분류 텍스트를 전체적으로 왼쪽 혹은 오른쪽으로 좀 더 이동시키고 싶으실 경우 위의 소스에서 보라색 숫자를 현재의 숫자보다 적은 숫자로 수정하면 왼쪽으로, 많은 숫자로 수정하시면 오른쪽으로 위치를 이동시킬 수 있습니다.

 

소스를 수정하신 후 반드시 편집창 상단 왼쪽의 저장 버튼을 클릭해주세요.


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.