テンプレートが古い可能性がございます。最新のテンプレートをダウンロードください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、HTMLとCSS内に以下のソースを追加していただくことでクーポンの表示が可能となります。
「管理画面＞デザイン設定＞デザイン編集」より『 HTML・CSS編集』をクリックして、HTML・CSS編集画面へお進みください。
【HTML】
<!-- BEGIN coupon -->
<!----------------------------------------------
ページ：クーポン
---------------------------------------------->
<h2 class="page_title">{page_title}</h2>
<div class="coupon_area">
<div class="autopagerize_page_element">
<!-- BEGIN coupon_list -->
<div class="coupon">
<div class="coupon_image">
{coupon_photo_l}
</div>
<div class="coupon_body">
<div class="coupon_qr">
{coupon_qr_code}
</div>
<div class="coupon_title">
<a href="{coupon_url}">{coupon_title}</a>
</div>
<ul>
<li>提示方法：<span>{coupon_teiji}</span></li>
<li>利用条件：<span>{coupon_how}</span></li>
<li>有効期限：<span>{coupon_date}</span></li>
</ul>
<br class="clear" />
</div>
<br class="clear" />
</div>
<!-- END coupon_list -->
</div>
»<a href="{coupon_print_url}" target="_blank">このページを印刷する</a>
</div>
<!-- END coupon -->
【CSS】
/* --------------------------------------
クーポン
--------------------------------------- */
.coupon_area {
}
.coupon {
padding: 10px;
margin-bottom: 20px;
border: 1px solid #eeeeee;
}
.coupon_image {
}
.coupon_image img {
margin-bottom: 10px;
}
.coupon_qr {
width: 110px;
float: left;
}
.coupon_body {
}
.coupon_title {
margin-bottom: 10px;
font-size: 14px;
}
.coupon_body ul {
}
.coupon_body ul li {
list-style-type: none;
}
.coupon_body ul li span {
font-weight: bolder;
}
上のソースをコピーし、HTML・CSSにそれぞれ貼り付けて保存してください。
