■ 배너 | [ HILO ] 회원가입 혜택안내 (로그인 전 후 포함 ) |
---|---|
■ 소스 위치 01 |
/_sp/addon/benefit/benefit.html 파일 3줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.) |
■ 기존소스 01 |
<div ★ module="bannermanage2_display_번호" id="sp-user-benefit" scope="logout" tooltip="white|top|회원가입 혜택 / 이벤트 안내입니다.">
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
<ul> <li class="left"> <div class="sp-user-benefit--icon"> <a href="{$href}" {$title|cut:15,} {$target}>{$banner}{$title|replace:banner="logout",}</a> <a href="{$href}" {$title|cut:15,} {$target}>{$banner}{$title|replace:banner="logout",}</a> </div> </li> <li class="right"> <div class="sp-title--box" scope="totals-nude"> <span class="sp-title--text">USER - BENEFIT</span> <span class="sp-title--subtext">혜택안내</span> </div> <div class="sp-toggle-base" toggle="outer"> <button type="button" toggle="slidebtn" theme="md" before="회원가입 안내" after="회원가입 안내"></button> <div toggle="slide"> <div module="mall_faq" class="sp-user-benefit--member"> {$member_info} <p class="sp-btn-group" scope="blank"> <a href="/_sp/module/login/login.modal.html" class="exit" ajax="cover" theme="black"><span class="sp-btn" theme="line-xs">로그인</span></a> <a href="/member/join.html" class="sp-btn exit" theme="line-xs">회원 가입하기</a> </p> </div> </div> </div> <div class="sp-toggle-base" toggle="outer"> <button type="button" toggle="slidebtn" theme="md" before="상품에 대해 궁금하시다면 ?" after="상품에 대해 궁금하시다면 ?"></button> <div toggle="slide"> <div class="sp-user-benefit--member"> 상품문의는 자주묻는 질문을 가장 먼저 활용하시는것이 좋습니다.<br /> 자주묻는 질문에 원하시는 답변이 없다면 상품문의 게시판에 글을 남겨주세요. <p class="sp-btn-group" scope="blank"> <a href="/board/product/list.html?board_no=6" class="sp-btn exit" theme="line-xs">상품 문의하기</a> </p> </div> </div> </div> </li> </ul> </div> |
■ 소스 수정 01 |
|
■ 수정된 소스 예시 01 |
<div ★ id="sp-user-benefit" scope="logout" tooltip="white|top|회원가입 혜택 / 이벤트 안내입니다.">
<ul> <li class="left"> <div class="sp-user-benefit--icon"> <a href="/index.html"><img src="/_img/no26/banner/05/01.png" /><b>텍스트</b>텍스트</a> <a href="/index.html"><img src="/_img/no26/banner/05/02.png" /><b>텍스트</b>텍스트</a> <a href="/index.html"><img src="/_img/no26/banner/05/03.png" /><b>텍스트</b>텍스트</a> <a href="/index.html"><img src="/_img/no26/banner/05/04.png" /><b>텍스트</b>텍스트</a> </div> </li> <li class="right"> <div class="sp-title--box" scope="totals-nude"> <span class="sp-title--text">USER - BENEFIT</span> <span class="sp-title--subtext">혜택안내</span> </div> <div class="sp-toggle-base" toggle="outer"> <button type="button" toggle="slidebtn" theme="md" before="회원가입 안내" after="회원가입 안내"></button> <div toggle="slide"> <div module="mall_faq" class="sp-user-benefit--member"> {$member_info} <p class="sp-btn-group" scope="blank"> <a href="/_sp/module/login/login.modal.html" class="exit" ajax="cover" theme="black"><span class="sp-btn" theme="line-xs">로그인</span></a> <a href="/member/join.html" class="sp-btn exit" theme="line-xs">회원 가입하기</a> </p> </div> </div> </div> <div class="sp-toggle-base" toggle="outer"> <button type="button" toggle="slidebtn" theme="md" before="상품에 대해 궁금하시다면 ?" after="상품에 대해 궁금하시다면 ?"></button> <div toggle="slide"> <div class="sp-user-benefit--member"> 상품문의는 자주묻는 질문을 가장 먼저 활용하시는것이 좋습니다.<br /> 자주묻는 질문에 원하시는 답변이 없다면 상품문의 게시판에 글을 남겨주세요. <p class="sp-btn-group" scope="blank"> <a href="/board/product/list.html?board_no=6" class="sp-btn exit" theme="line-xs">상품 문의하기</a> </p> </div> </div> </div> </li> </ul> </div> |
■ 수정 예시 영상 01 | |
■ 소스 위치 02 |
/_sp/addon/benefit/benefit_login.html 파일 3줄 (※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.) |
■ 기존소스 02 |
<div ★ module="bannermanage2_display_번호" id="sp-user-benefit--login" scope="login">
(※ 기존소스에서 수정하신 내용이 있다면 차이가 있을 수 있습니다.)
<a href="{$href}" {$title} {$target}>{$banner}{$title}</a> <a href="{$href}" {$title} {$target}>{$banner}{$title}</a> </div> |
■ 소스 수정 02 |
|
■ 수정된 소스 예시 02 |
<div ★ id="sp-user-benefit--login" scope="login">
<a href="/index.html"><img src="/_img/no26/banner/05/01.png" /></a> <a href="/index.html"><img src="/_img/no26/banner/05/01.png" /></a> </div> |
■ 수정 예시 영상 02 |