よくある質問

よくある質問と回答集です。サービスご利用時の参考としてご活用ください。

機能追加によるテンプレートの変更について
クーポンを登録したのに表示されません！
テンプレートが古い可能性がございます。最新のテンプレートをダウンロードください。
すでにデザインをカスタマイズをされており、新しいテンプレートとの入れ替えが難しいお客様は、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にそれぞれ貼り付けて保存してください。
また、携帯用のHTMLは以下になります。


【モバイル用 HTML】
<!-- BEGIN coupon -->
<!----------------------------------------------

ページ：クーポン

---------------------------------------------->
<div style="{title_style}" align="center">{page_title}</div>

<div style="margin-bottom: 20px;">

<!-- BEGIN coupon_list -->
<div>
■{coupon_title}<br>
{coupon_photo_m}<br>
提示方法：{coupon_teiji}<br>
利用条件：{coupon_how}<br>
有効期限：{coupon_date}<br>
</div>
<hr style="{hr_style}">
<!-- END coupon_list -->

</div>
<!-- END coupon -->