「レスポンシブ（上級者）－ブルー」のテーマを編集する

<p class="button_or" align="center"><input type="submit" class="validation_submit_btn notLeave" id="mailmag-reader-setting" name="SUBMIT" value="メルマガ登録・変更・解除" data-prompt-position="inline"></p>

<li class="header-Icons_login pcheader-V">
<a href="javascript:void(0)" onclick="window.open('{$stores.cartUrl}/login.cgi', 'mypage', 'width=600,height=800'); return false;">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_icon_login.png" alt="ログイン">ログイン</a>
</li>
<li class="header-Icons_cart pcheader-V">
<a href="{$stores.cartUrl}/cart.php">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_icon_cart.png" alt="カート">カート</a>
</li>
<li class="header-Icons_login smpheader-V">
<a href="javascript:void(0)" onclick="window.open('{$stores.cartUrl}/login.cgi', 'mypage', 'width=600,height=800'); return false;">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_icon_login_smp.png" alt="ログイン"></a>
</li>
<li class="header-Icons_cart smpheader-V">
<a href="{$stores.cartUrl}/cart.php">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_icon_cart_smp.png" alt="カート"></a>
</li>

<ul class="G-nav">
<li>
<a href="{$stores.storeDomain}/hpgen/HPB/entries/XX.html">
私たちについて
</a>
</li>
<li>
<a href="{$stores.storeDomain}/SHOP/list.php?Search=">
取扱い商品
</a>
</li>
<li>
<a href="{$stores.storeDomain}/hpgen/HPB/entries/XX.html">
家具の選び方
</a>
</li>
<li>
<a href="{$stores.storeDomain}/hpgen/HPB/shop/shoppinguide.html">
ご利用案内
</a>
</li>
<li>
<a onclick="javascript:openPage('https://cart{$setNumber}.shopserve.jp/{$stores.storeName}/FORM/contact.cgi','form'); return false;" href="/_ga/FORM/contact.cgi">お問い合わせ</a>
</li>
</ul>

「私たちについて」「家具の選び方」のメニューに、サンプルのＵＲＬが記述されています。任意のページのリンク先ＵＲＬやメニュー名に変更してください。

<!--slider2-->
<div id="slider2" class="Slider_hide">
<div id="slider-area" class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_top_banner.png" class="slide_pc">
<img src="<!--{if $baseType == 'shop'}-->{$stores.storeDomain}<!--{else}--><!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_top_banner_smp.png" class="slide_smp">
</div>
</div>
</div>
</div>
<!--slider2-->

<div id="logo_footer">
<img alt="{$hfdesign.altLogo|escape}" src="{$stores.storeDomain}/pic-labo/responsive3_logo_footer.png">
</div>

ロゴ画像は、カート画面のフッタに表示しません。

<dl class="sp-w100">
<dt class="ftr-Heading">
ご注文方法
</dt>
<dd>
１. 商品ページより購入手続きを行ってください。<br>
<br>
２.購入手続き完了後、自動返信にて「ご注文確定メール」をお送りいたします。<br>
迷惑メールフィルタが原因と思われるメール不着のケースが増えております。メールが届かない場合は、恐れ入りますが、迷惑メールフォルダをご確認ください。<br>
<br>
３.「ご注文確定メール」の内容に誤りがないことをご確認ください。<br>
商品発送時にメールにて「商品発送完了」のご連絡をさせていただきます。<br>
</dd>
</dl>
<dl class="sp-w100">
<dt class="ftr-Heading">
配送について
</dt>
<dd>
配送料金は、配送区分ごとにオンラインショップ独自で設定しています。配送区分によって、配送料金が一定の区分と、商品ごとに配送料金を頂戴する区分がございます。<br>
<br>
【小物雑貨】<br>
商品をいくつご購入いただいても、全国一律 660円（税込）にてお届けいたします。<br>
【大型商品】<br>
商品１点ごとに配送料金を頂戴いたします。<br>
【家具】<br>
配送グループによって配送料金が異なります。<br>
</dd>
</dl>

アコーディオンメニューを制御するjqueryは、管理画面メニュー「デザイン設定 ＞ テーマ ＞ HTMLのカスタマイズ」の「お店ページ・カート共通 ＞ headタグへの追記」に記述されています。

<div class="Copyright">
<ul>
<li><a href="{$stores.storeDomain}/hpgen/HPB/shop/business.html">特定商取引法に関する表示</a></li>
<li><a href="{$stores.storeDomain}/hpgen/HPB/shop/policy.html">個人情報保護方針</a></li>
<li><a onclick="javascript:openPage('https://cart{$setNumber}.shopserve.jp/{$stores.storeName}/FORM/contact.cgi','form'); return false;" href="/_ga/FORM/contact.cgi">お問い合わせ</a></li>
</ul>
&#169;MORPHONHOUSE CONFORIOR
</div>

'<div class="cont_banner">' +
'<p>' +
'<a href="{$stores.storeDomain}/SHOP/XXXXX/list.html">' +
'<img src="{$stores.storeDomain}/pic-labo/responsive3_banner_01.png" class="pc-V cont_banner1">' +
'<img src="{$stores.storeDomain}/pic-labo/responsive3_banner_smp_01.png" class="smp-V cont_banner1">' +
'</a>' +
'</p>' +
'<p>' +
'<a href="{$stores.storeDomain}/SHOP/XXXXX/list.html">' +
'<img src="{$stores.storeDomain}/pic-labo/responsive3_banner_02.png" class="pc-V cont_banner2">' +
'<img src="{$stores.storeDomain}/pic-labo/responsive3_banner_smp_02.png" class="smp-V cont_banner2">' +
'</a>' +
'</p>' +
'</div>'

div#header1 .floatR ul li #searchbox button.searchSubmit,
.leftSearch #searchbox button.searchSubmit {
background: url("<!--{if $pg =='shop'}-->{$stores.storeDomain}<!--{else}-->https://cart<!--{$setNumber}-->.shopserve.jp<!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_icon_search.png") no-repeat center center;
background-size: 21px 20px;
cursor: pointer;
width: 41px;
height: 32px;
}

<dl>
<dt> 2020/10/27</dt>
<dd> お知らせに表示させる文章</dd>
</dl>

1. お知らせの見出しを変更します。
2. 「設定を保存する」をクリックします。

1. 入力サンプルの記述をコピーします。
   「更新日」や「文章」を差し替えて入力します。
2. 「追加する」をクリックします。
3. 画面下部の「表示リスト」に追加されます。
管理画面の左上「お店ページの更新へ」をクリックします。
「利用中のテーマでお店を更新」をクリックします。

更新が完了したら、トップページに反映されます。

<section>
<div class="freeArea2">
<div class="free-contents">
<h2>メニュー</h2>
<div class="category">
<nav>
<ul>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}">ホーム</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/hpgen/HPB/entries/XX.html">私たちについて</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/SHOP/list.php">取扱い商品</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/hpgen/HPB/entries/XX.html">家具の選び方</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/hpgen/HPB/shop/shoppinguide.html">ご利用案内</a></div>
</li>
<li>
<div class="sitelink"><a onclick="javascript:openPage('https://cart{$setNumber}.shopserve.jp/{$stores.storeName}/FORM/contact.cgi','form'); return false;" href="/_ga/FORM/contact.cgi">お問い合わせ</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/hpgen/HPB/shop/business.html">特定商取引法に関する表示</a></div>
</li>
<li>
<div class="sitelink"><a href="{$stores.storeDomain}/hpgen/HPB/shop/policy.html">個人情報保護方針</a></div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</section>

「私たちについて」「家具の選び方」のメニューには、サンプルのＵＲＬが入力されています。フリーページなど、任意のリンク先ＵＲＬやタイトルに変更してください。

<section>
<div class="freeArea2">
<div class="free-contents">
<div class="side_banner_block">
<ul>
<li><a href="{$stores.storeDomain}/hpgen/HPB/entries/XXXX.html"><img src="{$stores.storeDomain}/pic-labo/responsive3_banner_smp_dmenu_01.png" /></a></li>
<li><a href="{$stores.storeDomain}/hpgen/HPB/entries/XXXX.html"><img src="{$stores.storeDomain}/pic-labo/responsive3_banner_smp_dmenu_02.png" /></a></li>
</ul>
</div>
</div>
</div>
</section>

#sub-column div.cal_wrapper table.cal tr th input.next {
background: url(<!--{if $pg =='shop'}-->{$stores.storeDomain}<!--{else}-->https://cart<!--{$setNumber}-->.shopserve.jp<!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_calendar_right.png) no-repeat right bottom;
background-size: contain;
}
#sub-column div.cal_wrapper table.cal tr th input.prev {
background: url(<!--{if $pg =='shop'}-->{$stores.storeDomain}<!--{else}-->https://cart<!--{$setNumber}-->.shopserve.jp<!--{$stores.userWeb|literal}-->/docs<!--{/if}-->/pic-labo/responsive3_calendar_left.png) no-repeat left bottom;
background-size: contain;
}

1. 本テーマを選択している場合、カレンダーの「見出し」の編集は、こちらの入力欄は使用しません。後述する、管理画面メニュー「デザイン設定 ＞ テーマ ＞ CSSのカスタマイズ」で「見出し」を変更します。
2. 配色を決めます。
   「色の変更」をクリックして２種類のカラーを選択します。
   入力欄は、自由に入力してください。
   例）定休日、臨時休業日、棚卸日、イベント
   
3. ラジオボタンにチェックを入れてカレンダーの日付をクリックします。
   設定した色がカレンダーに反映されます。
   
   
   

   
   定休日の設定について、他のページで詳しくご案内しています。
   ＞＞オンラインサポートで検索「040」

1. 「利用中のテーマから作成する」または「編集中のテーマから作成する」をクリックします。
   レスポンシブ（上級者）のテーマのCSSの編集画面が開きます。
2. 該当箇所を修正します。
   変更例）定休日カレンダー、営業日カレンダー、カレンダー
3. 「保存して適用」をクリックします。