バージョン選択

フォーラム

メニュー

オンライン状況

35 人のユーザが現在オンラインです。 (28 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 35
もっと...

PR

デザインテンプレート EC-CUBE3.0版が登場!
広告掲載について

サイト内検索

質問 > その他 > 商品詳細ページの左右どちらかに追従バナーを設置したい

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kanemitsu
投稿日時: 2017/12/1 12:05
対応状況: −−−
半人前
登録日: 2017/10/13
居住地:
投稿: 12
商品詳細ページの左右どちらかに追従バナーを設置したい
[EC-CUBE] 3.0.15
[レンタルサーバ] Xserver
[OS] Linux sv3058.xserver.jp 4.4.0-89-generic #112-Ubuntu SMP Mon Jul 31 19:38:41 UTC 2017 x86_64

[PHP] 7.0.18
[データベース] MySQL 5.7.16
[WEBサーバ] Apache

[導入プラグインの有無]
[カスタマイズの有無]

商品詳細ページの左右どちらか(できれば右側)へ追従バナーを設置したいと思っています。
下記のコードを記入して#contents_top部分に入れましたがうまく表示されません。。。
ここからどのように変更すればうまく表示されるでしょうか?
初歩的な質問で申し訳ありません。。。

html
<link rel="stylesheet" href="{{ custom/css/OOO.css">
<div class="bnr_left">
<a href="#form_area">
<img src="https://OOO/html/template/custom/img/OOO.png"></a>
</div>


css
.bnr_left {
width: 100px;
height: 60px;
display: block;
position: fixed;
bottom: 90px;
z-index: 1000;
}
.bnr_left img {
display: block;
height: 60px !important;
width: 100px;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}


よろしくお願いいたします。
umebius
投稿日時: 2017/12/1 13:26
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: Tokyo
投稿: 777
Re: 商品詳細ページの左右どちらかに追従バナーを設置したい
全体のソースを見ていないのでなんとも言えませんが
ブロックとして作成し、
商品詳細ページの#side_rightに入れれば
<div id="side_right" class="side">がテンプレート内に表示されるので
うまく動くように思います。


----------------
//////////////////////////////
(株)U-Mebius EC-CUBE3 カスタマイズ・高速化 ・バグ修正
EC-CUBE関連技術者の採用もお問い合わせください。


kanemitsu
投稿日時: 2017/12/1 14:09
対応状況: −−−
半人前
登録日: 2017/10/13
居住地:
投稿: 12
Re: 商品詳細ページの左右どちらかに追従バナーを設置したい
ご返信ありがとうございます!

現在商品詳細ページでは#topcontentsにブロックでランディングページを設置しているため、サイドに設置してしまうとそれの下に来てしまう状況です。

どうすれば良いでしょうか?
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

クレジットカード情報の非保持化対応

統計情報

総メンバー数は20,805名です
総投稿数は83,817件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1664
4
yuh
1439
5
red
1082
6
fukap
907
7
shutta
827
8
468
817
9 ramrun 789
10
tsuji
784
11
umebius
777
12
tao_s
651
13 karin 641
14 sumida 638
15
homan
633
16 DELIGHT 571
17
patapata
502
18
flealog
483
19 tonton 436
20
ecbg
387


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© LOCKON CO.,LTD. All Rights Reserved.