サイドバーに画像を表示する例

サイドメニューの編集機能「画像挿入」「自由ボックス」を使い画像を表示させた時の表示の違いを検証して見ました。

バナー画像を用意する

ショップできすぎくんのサイドバーには「横:200px」をおすすめします。
この説明で使用しているバナー画像は「横:200px 縦:50px」です。

画像を表示させる方法 画像挿入・自由ボックスを利用した場合の表示例

サイドバー設定にて挿入要素から「画像」機能を選択すると、画像の上下に隙間があく
「自由ボックス」を使うと、隙間なく並ぶ。

バナー表示説明

 

自由ボックスを利用した際のHTMLコード

自由ボックスにて、ショップできすぎくんの画像挿入機能を使い、画像を挿入する。
配置は「中央」サイズ指定は「指定なし(原寸)」を選択

書き出されたHTMLは以下の通り


<p style="text-align: center">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>
<p style="text-align: center">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>
<p style="text-align: center">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>

CSSで画像の下に隙間を空ける

<p>タグに指定されているCSSにmargin指定を加える。
ここでは、5pxの隙間を空けました。

【HTML+CSSの記述例】
<p style="text-align: center; margin-bottom:5px;">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>
<p style="text-align: center; margin-bottom:5px;">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>
<p style="text-align: center; margin-bottom:5px;">
<a href="リンク先"><img src="画像URL" alt="バナー" title="バナー" width="full"></a></p>

画像挿入時気をつけたいこと

自由ボックスにて、画像を挿入する際、配置を「左に配置」「右に配置」を選択すると、スマホ・タブレットなど表示画面の幅が狭いデバイスで表示させると、画像が横並びになってしまうことがあります。
画像を指定する時には「中央に配置」を選択しましょう。

カートに入れる

画像ボックスで設定

自由ボックスで設定

自由ボックス html・css調整

画像を左に配置指定


支払い方法
領収書について

お支払い方法により異なります。

詳しくは「支払い方法について」

配送
配送料について
配送料は一回のご注文につき、一律540円となっております。
ご注文合計金額が税込8,000円以上の場合および送料無料商品を含む場合は、送料無料でお届けいたします。
ただし、沖縄、離島など一部の地域は別途送料が必要となる場合があります。
その際は、ご注文確認画面に注意書きが表示されます。
※一部直送商品はご注文後にメールで連絡させていただく場合がございます。
>> 詳しくは「配送について」

支払い方法について

領収書について

お支払い方法により異なります。

詳しくは「支払い方法について」をご覧ください。

配送について

配送料について
配送料は一回のご注文につき、一律540円となっております。ご注文商品代金8,000円以上、および送料無料商品を含む場合は、株式会社もしもが送料を負担いたします。
ただし、沖縄、離島など一部の地域は別途送料が必要となる場合があります。その際は、ご注文確認画面に注意書きが表示されます。
※一部直送商品はご注文後にメールで連絡させていただく場合がございます。
配送業者について
商品の配送は、佐川急便に委託しております。一部の直送商品につきましてはヤマト運輸等、他の配送業者がお届けする場合がございます。
商品は「株式会社もしも」名義でのお届けとなります。一部の直送商品につきましては、「株式会社もしも」名義ではなく、卸業者名、メーカー名になっている場合がございます。あらかじめご了承ください。
配送業者の都合上、お届けができない地域がございます。その際はご注文をキャンセルさせていただきますのでご了承ください。
※ただいま海外への出荷は承っておりません。
出荷目安について
出荷目安はご注文から出荷手配が完了するまでの期間となります。こちらは、土日祝日や年末年始、お盆休みを含まない営業日で計算しております。
※出荷目安が「即日出荷」の商品は、平日・土曜日の15:00まで(一部商品は平日14時、又は平日15時まで)の注文分を当日中に出荷いたします。日曜・祝日・年末年始・お盆の場合は翌営業日に出荷いたします。