※カスタムページ機能を使い作成した場合です。
※全ての環境、ブラウザでの表示を保証するものではありません。ページを作成する際の参考ソースとしてご使用ください。

案内ページのサンプルソース

PC

css（この例では説明文上に入力）

<style>
#leftcolumn {
display: none;
}
#main_column {
float: none !important;
margin: 0 auto;
}
p {
margin-bottom: 30px;
}
p span#renovation_date {
color: #ff0000;
font-size: 20px;
}
</style>
view raw gistfile1.txt hosted with ❤ by GitHub

html

<p class="alignR"><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$shop_logo_image_pc}-->"></p>
<h2 class="alignC">店舗改装による一時休業のお知らせ</h2>
<p>平素は、<!--{$arrSiteInfo.shop_name|h}-->をご利用いただき、誠にありがとうございます。</p>
<p>このたび、よりよいサービスのご提供を目指し、店舗を大幅に改装することになりました。<br>
そのため下記の日程においてサイトのメンテナンスを実施いたします。<br>
メンテナンス期間中は、サイト内のページが一時的に正しく表示されない場合がございますので、ご了承ください。</p>
<h3>【メンテナンス期間】</h3>
<p><span id="renovation_date">2016年12月1日（木）AM2:00～AM6:00まで</span><br>
※サイトメンテナンス時間については前後する場合がございます。予めご了承ください。</p>
<p>お客さまにはご迷惑をおかけいたしますが、ご理解いただきますようお願いいたします。</p>
view raw gistfile1.txt hosted with ❤ by GitHub

スマホ

css（この例では説明文上に入力）

<style>
p {
margin-bottom: 15px;
}
p span#renovation_date {
color: #ff0000;
font-size: 128%;
}
#renovation_msg_bloc {
padding: 10px 4% 0;
}
</style>
view raw gistfile1.txt hosted with ❤ by GitHub

html

<p><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$shop_logo_image_pc}-->" width="150"></p>
<h2>店舗改装による一時休業のお知らせ</h2>
<div id="renovation_msg_bloc">
<p>平素は、<!--{$arrSiteInfo.shop_name|h}-->をご利用いただき、誠にありがとうございます。</p>
<p>このたび、よりよいサービスのご提供を目指し、店舗を大幅に改装することになりました。<br>
そのため下記の日程においてサイトのメンテナンスを実施いたします。<br>
メンテナンス期間中は、サイト内のページが一時的に正しく表示されない場合がございますので、ご了承ください。</p>
<h3>【メンテナンス期間】</h3>
<p><span id="renovation_date">2016年12月1日（木）AM2:00～AM6:00まで</span><br>
※サイトメンテナンス時間については前後する場合がございます。予めご了承ください。</p>
<p>お客さまにはご迷惑をおかけいたしますが、ご理解いただきますようお願いいたします。</p>
</div>
view raw gistfile1.txt hosted with ❤ by GitHub