お知らせ

グーペに関するいろいろな情報をお伝えします。

クーポン機能をリリースしました
最後の力を振り絞った後に、もう一回だけ絞ってみたらチョロっと出てきた小話を、聞いてもらってもいいですか?

この度、ご要望の多かったクーポン機能をリリースいたしました。

管理画面の『クーポン更新』からご確認いただけます。
初回アクセス時に『クーポン機能を利用する』ボタンをクリックしていただくと、ホームページのメニューに追加されますので、ぜひご利用ください。



これにともない、現在配布中のデザインもすべてアップデートしております。
管理画面の「デザイン設定>ダウンロード」から、最新のデザインをダウンロードする事で、クーポン機能をご利用いただけます。

なお、すでにデザインをカスタマイズをされており、新しいデザインとの入れ替えが難しいお客様は、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】
<!-- 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 -->



●追加機能

あわせてグーグルマップ(店舗情報記載の地図表示)の微調整機能もリリースしております。

現在『グーペ』では店舗情報の住所を設定していただくと、自動で地図を表示しておりますが、どうしても地図がずれてしまう方が微調整できる機能を追加いたしました。
※現在、正常に表示されている方は調整の必要はございません。

管理画面サイドのメニューから『店舗情報設定』をクリックすると『地図の微調整』の項目が追加されております。こちらから地図の微調整が行えます。

こちらもご利用ください。

今後とも『グーペ』をよろしくお願いいたします。