해외 쇼핑몰에서 주로 볼 수 있는, 간단하지만 매우 효과적인 '무료배송 혜택' 문구 노출 방법을 안내드립니다.
1. 홍보성 텍스트 노출하기
HTML 설정 안내에 따라, 모바일쇼핑몰 상단에 디자인 소스를 추가해주세요.
* 소스 추가 위치: 디자인 편집창 > 메인 레이아웃(main.html)
▼ 아래와 같은 위치에 파란색 소스를 추가합니다.(디자인소스는 전체 언어 공통으로 이용할 수 있습니다)
- 밑줄 영역에는 표시할 안내문구를 입력해주세요.
##상단 생략##
<body id="main">
<div module="Popup_Mobile">{$mobile}</div>
<div id="wrap">
<!--@import(/layout/basic/sidebar.html)-->
<hr class="layout">
<div id="container">
<header id="header">
<div class="header">
<div class="textBanner">
<style>
.textBanner { background:#000; text-align:center; }
.textBanner p { padding:6px 14px 5px; color:#fff; font-size:13px; line-height:18px; font-weight:normal; }
</style>
<p>텍스트를 입력해주세요</p>
</div>
<h1 module="Layout_LogoTop"><a href="/">{$mobile_title}</a></h1>
<section id="topArea">
##하단 생략##
2. 홍보성 텍스트에 이벤트 페이지로 링크 걸기
HTML 설정 안내에 따라, 모바일쇼핑몰 상단에 디자인 소스를 추가해주세요.
* 소스 추가 위치: 디자인 편집창 > 메인 레이아웃(main.html)
▼ 아래와 같은 위치에 파란색 소스를 추가합니다.(디자인소스는 전체 언어 공통으로 이용할 수 있습니다)
- 밑줄 영역에는 이동시킬 페이지 URL과 표시할 안내문구를 입력해주세요.
##상단 생략##
<body id="main">
<div module="Popup_Mobile">{$mobile}</div>
<div id="wrap">
<!--@import(/layout/basic/sidebar.html)-->
<hr class="layout">
<div id="container">
<header id="header">
<div class="header">
<div class="textBanner">
<style>
.textBanner { background:#000; text-align:center; }
.textBanner p { padding:6px 14px 5px; font-size:13px; line-height:18px; font-weight:normal; }
.textBanner a { display:block; color:#fff; }
</style>
<p><a href="URL을 입력해주세요">텍스트를 입력해주세요</a></p>
</div>
<h1 module="Layout_LogoTop"><a href="/">{$mobile_title}</a></h1>
<section id="topArea">
##하단 생략##