バージョン選択

フォーラム

メニュー

オンライン状況

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

PR

先着1,000社 プラグインダウンロード&お申込で1,000円分Amazonギフト券プレゼント amazon pay
広告掲載について

サイト内検索

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

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kanemitsu
投稿日時: 2017/12/1 12:05
対応状況: −−−
半人前
登録日: 2017/10/13
居住地:
投稿: 16
商品詳細ページの左右どちらかに追従バナーを設置したい
[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
投稿: 1007
Re: 商品詳細ページの左右どちらかに追従バナーを設置したい
全体のソースを見ていないのでなんとも言えませんが
ブロックとして作成し、
商品詳細ページの#side_rightに入れれば
<div id="side_right" class="side">がテンプレート内に表示されるので
うまく動くように思います。


----------------
////////////////
(株)U-Mebius EC-CUBE3 カスタマイズ /バグ修正/SEO はおまかせ
一緒にEC-CUBEでサイト制作を行うプログラマ・コーダー・デザイナー募集

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

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

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


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は29,843名です
総投稿数は87,055件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1754
4
yuh
1504
5
red
1171
6
468
1144
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
651
13 karin 650
14 sumida 641
15
homan
633
16 DELIGHT 571
17
h_tanaka
519
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

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