유용한 웹 팁

뒤로가기
제목

최상단 팝업 배너 삭제하기

작성자 별모아디자인(ip:)

작성일 2020-01-14

조회 98

평점 0점  

추천 추천하기

내용


쇼핑몰 최상단에 팝업 형식의 배너 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

수정 취소

비밀번호

확인 취소

댓글 입력

이름

비밀번호

내용

/ byte

평점

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