벤세르(VENCER)

카테고리 스포츠

지원 솔루션 고도몰

글로벌 지원 (한국어, 영어, 중국어, 일어)

샘플샵📱 보기 →

디자인센터 바로가기 →

포인트 컬러 일괄 변경하기

1. VENCER(벤세르) 스킨에 적용되어 있는 포인트 컬러 코드값 #005cff를 확인합니다.

1. 디자인 스킨 리스트 접속 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.

1. 스타일시트/CSS 변경 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.

1. ctrl+F 검색 후 수정하기 스타일시트 파일을 열어 ctrl + f (검색)를 누르고 #005cff을 검색하여 원하는 포인트 컬러 코드 값으로 변경합니다.

css/gd_button.css (18)

css/gd_common.css (1)

css/gd_plus_review.css (1)

css/goods.css (5)

css/goods/list/list_01.css (2)

css/goods/list/list_02.css (2)

css/goods/list/list_04.css (2)

css/goods/list/list_06.css (2)

css/goods/list/list_07.css (5)

css/goods/list/list_09.css (1)

css/goods/list/list_11.css (2)

css/mypage/mypage.css (2)

css/order/order.css (1)

css/proc/proc.css (1)

전체 메뉴 변경하기

1. 메뉴 닫힘 상태 시 color(색상) 및 font-size(사이즈) 변경 해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요. 변경 위치 proc > proc.css 8번째 줄 8 .category_side > li a {position:relative; display:block; padding:19px 0 19px 0; font-size:14px; color:#333333;}

   ​

2. 메뉴 펼침 상태 시 color(색상) 변경

   해당 영역 에 원하시는 컬러 코드값을 넣어 주세요. 변경 위치 proc > proc.css 12번째 줄 12 .category_side > li > a.on {color:#005cff;}

상단 헤더 영역 변경하기

ℹ️벤세르 모바일 스킨은 상단 헤더에 하단 라인이 없습니다. [하단 라인 추가 / 장바구니 담긴 상품 수량의 배경색]을 변경할 수 있습니다.

1. 상단 헤더 영역 border-bottom(하단 라인) 추가 하단 코드 복사 후 14번째 줄 기존 코드 삭제 후 붙여넣기 해주세요 변경 위치 css > gd_layout.css 14번째 줄 14#header_wrap header .header_box {position:relative; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}

1. 장바구니 담긴 상품 수량 background(배경) 변경 원하는 컬러 코드값을 넣어 주세요. 변경 위치 css > gd_layout.css 119번째 줄 119 #header_wrap header .header_box .cart_count {position:absolute; top:5px; right:-4px; display:block; padding:1px 5px 0px 4px; line-height:14px; color:#fff; background:#005cff; vertical-align:middle; font-size:10px; border:2px solid #fff;}

하단 푸터 영역 변경하기

1. 약관/개인정보처리방침 color(색상) / font-size(사이즈) / font-align(정렬) 변경 해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요. 변경 위치 css > gd_layout.css 235번째 줄 235 #footer footer .ft_info2_box .ft_menu li a {display:block; padding:18px 0 18px 0; font-size:12px; color:#808080; text-align:left; letter-spacing:-1px;}

1. 기본 정보 설정 color(색상) / font-size(사이즈) / font-align(정렬) 변경 해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요. 변경 위치 css > gd_layout.css 238번째 줄 238 #footer footer .ft_info2_box .ft_address {padding:0 21px 0 21px; text-align:left; font-size:12px; color:#808080; word-break:keep-all;}



1. 저작권 표기 color(색상) / font-size(사이즈) / font-align(정렬) 변경 해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요. 변경 위치 css > gd_layout.css 244번째 줄 244 #footer footer .ft_copy {padding:21px 0 30px 21px; color:#808080; font-size:12px; text-align:left; font-style:normal;}

진열 상품 이미지 테두리 넣기

ℹ️벤세르 모바일 스킨은 진열 상품 이미지 테두리가 없습니다. [진열 상품 이미지 테두리]를 추가할 수 있습니다.

진열 상품 이미지 border(테두리) 추가 하단 코드 복사 후 붙여넣기 > 원하는 컬러 코드 값을 넣어 주세요.

변경 위치 css > goods > list > list_02.css 8번째 줄 8 .goods_prd_item .goods_prd_img .img_box .img img {width:100%; border: 1px solid #e5e5e5; box-sizing:border-box;}

동영상 변경 및 삭제하기

ℹ️VENCER 모바일 스킨은 동영상을 첨부할 수 있습니다. [동영상]을 변경 및 삭제할 수 있습니다.

✔️ 동영상 변경하기

1️. 동영상 업로드하기

업로드한 동영상 공유 > 임베딩 코드 복사하기 벤세르 동영상은 VIMEO 서비스를 사용했습니다. (https://vimeo.com/ko/)



2. 임베딩 코드 붙여넣기

임베딩 코드 복사 후 35번째 줄 기존 코드 삭제 후 붙여넣기 하세요. 변경 위치 main > 쇼핑몰 메인본문 | main/index.html 35번째 줄 35 <iframe src="https://player.vimeo.com/video/305628809" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

✔️ 동영상 삭제하기

33번째 - 36번째 줄을 삭제하세요.

삭제 위치 main > 쇼핑몰 메인본문 | main/index.html 33번째 - 36번째 줄 33 <div class="video_box"> 34 <h3>JUST KEEP GOING</h3> 35 <iframe src=""https://player.vimeo.com/video/305628809" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 36 </div>

고객센터/입금계좌 수정하기

1. 해당 영역에 표기하고 싶은 영문 or 한글명으로 변경하세요. 변경 위치 main > 쇼핑몰 메인본문 | main/index.html [고객센터]41번째 줄 [입금계좌]51번째 줄 41 <dt><span>CS CENTER</span></dt> 51 <dt><span>BANK INFO</span></dt>

1. 고객센터/입금계좌 color(색상) 및 font-size(사이즈) 변경

   해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요. 변경 위치 css > main > main.css [고객센터]59번째 줄 [입금계좌]63번째 줄 59 .main .main_info dl dd p.phone a {font-size:15px; color:#ffffff; font-weight:bold;} .main .main_info dl dd .account_holder {display:inline-block; padding:6px 0 8px 26px; font-size:15px; background:url('../../img/etc/icon_bank.png') 63 no-repeat left 4px; background-size:18px 23px; color:#ffffff; font-weight:bold; text-align:left; word-break:break-all;}

1. 부가 정보 color(색상) 및 font-size(사이즈) 변경 해당 영역 에 원하는 컬러 코드값 및 사이즈를 넣어 주세요. 변경 위치 css > main > main.css [고객센터]60번째 줄 [입금계좌]64번째 줄 60 .main .main_info dl dd p.business_hours {font-size:11px; color:#808080; word-break:keep-all;} 64 .main .main_info dl dd ul.main_bank {color:#808080; text-align:center; word-break:break-all;}