[戻る]
No.2648

縦向きのバナー

こっこ隊さん  投稿日:2017/07/16(Sun) 21:57
key

連続の質問宜しくお願いします

最近よく見かける「縦向きのバナー」(送料無料など)
・例えばトップページを3列で作り一番左をメニューなど、真ん中を商品一覧にしてる状態にて。

真ん中の商品一覧が長い場合、左側に空白ができますよね。その空白に対して何%の高さである一定の画像を繰り返し表示することは可能でしょうか?

宜しくお願いします

Re: 縦向きのバナー

おたすけマイショップさん  2017/07/18(Tue) 16:09 No.2650
key

ご希望の内容につきましては、機能としての提供はございませんので、スタイルの記述などでご対応頂く必要がございます。

以下はスタイル記述のサンプルとなりますのでご参照ください。

※事前にリソースファイル(デザイン設定>リソースファイルタブ)を開き、[新規登録]から表示するバナーをアップロードします。
(以下のサンプルコードはリソースファイルに「tatesouryou_01.png」というファイルを登録しています)

<style>
.pane_body {
background-image: url({resource_url}/tatesouryou_01.png),url({resource_url}/tatesouryou_01.png);
background-repeat: repeat-y;
background-position: left,right;
}
</style>

スタイルは以下の方法で追加して下さい。

1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック


以上で設定は完了ですが、追加した画像が左右の背景として表示されているためカテゴリメニューなどと重なった表示となります。カテゴリメニューなどが表示されている場所はバナーが見えなくする場合は、各領域に背景色を設定します。


<style>
.pane_body_mid_2_contents , .pane_body_mid_3_contents {
background: #ffffff;
}
</style>


こちらを設定することで、カテゴリメニューなどのパーツが設置している場所はバナーが表示されません。

設定のご案内は以上です。

上記の設定は、背景画像として縦バナーを追加する方法となりますので、カテゴリメニューなどの高さによりバナーが途中から表示されてしまいますので、予めご了承下さい。

設定をお試しいただきご確認下さいますようお願い致します。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』