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

유용한 웹 팁

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

게시판 상세
제목 최상단 팝업 배너 삭제하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2020-01-14
  • 추천 추천하기
  • 조회수 42


쇼핑몰 최상단에 팝업 형식의 배너 2개가 가로로 정렬되어있습니다.

사용하고싶지않으실 경우 삭제하는 방법입니다.



- 최상단 팝업 배너 사용안하기 : 최상단 팝업 배너를 사용하고싶지않으시면

디자인 관리 > 디자인관리 > 디자인 보관함에서 해당 디자인의 수정 버튼을 눌러 스마트 디자인 편집창이 뜨면 편집창 왼쪽 하단의 화면명 검색창에 banner_top.html 을 검색하여 /shopinfo/banner_top.html 에 체크 후 선택파일열기 버튼을 클릭합니다. 해당 파일이 열리면 소스를 모두 복사하여 메모장에 붙여넣은 후 저장해주세요.(차후에 다시 최상단 배너를 사용하고싶을 때 메모장의 소스를 복사하여 편집창에 붙여넣어주세요.)

그 다음 해당 소스를 모두 삭제하신 후 스마트디자인 편집창 왼쪽 상단의 저장버튼을 클릭해주세요.

그리고 아래 설명을 보시고 따라해주셔야 합니다.

    

 

최상단 팝업 배너를 삭제하고나면 쇼핑몰의 오른쪽 탭 영역(최근 본 상품 영역)과 쇼핑몰 왼쪽의 핫 클릭 상품의 위치를 최상단 배너의 세로길이였던 80px 만큼 위로 이동시켜주어야 합니다.

    

스마트디자인 편집창 하단 왼쪽의 화면명 검색에서 left_tab.css 을 검색하여 선택파일 열기를 한 후

소스중에서 가장 상단에 아래와 비슷한 소스가 보입니다. top은 상단 위치를 말합니다. top의 숫자를 80을 뺀 값으로 수정하신 후, 편집창 상단 왼쪽의 저장 버튼을 클릭해주세요.

예를들어 top:305px; 라고 되어있으면 80을 뺀 값인 top:225px; 로 수정해주시면 됩니다.

(top의 숫자는 디자인마다 모두 다릅니다. 아래 소스는 예시입니다.)

 

#layer_popup { position:absolute; left:80px; top:305px; width:160px; z-index:99; text-align:center; color:#777; font-size:11px; }

 

 

다시 스마트디자인 편집창 하단 왼쪽의 화면명 검색에서 right_tab.css 을 검색하여 선택파일 열기를 한 후

소스창에서 가장 상단에 아래와 비슷한 소스가 보입니다. top은 상단 위치를 말합니다. top의 숫자를 80을 뺀 값으로 수정하신 후, 편집창 상단 왼쪽의 저장 버튼을 클릭해주세요.

예를들어 top:283px; 이라고 되어있으면 80을 뺀 값인 top:203px; 으로 수정해주시면 됩니다.

(top의 숫자는 디자인마다 모두 다릅니다. 아래 소스는 예시입니다.)

 

.right_tab { position:fixed; display:none; z-index:99; width:141px; padding-bottom:40px; right:0; top:283px; background:#ffffff; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; }






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

비밀번호 :

/ byte

비밀번호 : 확인 취소

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

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

/ byte

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

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