▼テンプレート
[EC-CUBE] EC-CUBEの
3.0.15
[レンタルサーバ] レンタルサーバ名　xサーバー
[OS] 使用しているOS名、バージョン　　Linux sv2334.xserver.jp 3.10.0-693.17.1.el7.x86_64 #1 SMP Thu Jan 25 20:13:58 UTC 2018 x86_64
[PHP] 使用しているPHPのバージョン5.6.30
[データベース] 使用しているDB名、バージョンMySQL 5.7.18
[WEBサーバ] 使用しているWEBサーバ名、バージョンApache
[ブラウザ] 使用しているブラウザ名、バージョン
[導入プラグインの有無] あれば導入プラグインを記載
[カスタマイズの有無] あればカスタマイズ内容を記載(できるだけ具体的に)
[現象] 再現手順や、どのような現象が発生しているかなど、具体的に

質問

Eccube3商品説明欄で説明文が縦長になりましたので、ページトップへ戻る機能をつけようと思い
コンテンツ管理からブロック新規入力からpagetopというブロックを作り、そこに下記のhtmlを
記入しました。
<a href="http://xxx.com" id="pagetop">
こうすると数量入力欄に登りました。少し欲が出てきたので　トップに戻るボタンを固定化したく
なりましたので、他のサイトから援用して、下記のcssを記入しました。

.pagetop
{
position: fixed;
bottom: 16px;
right: 16px;
}

.pagetop a
{
display: block;
text-decoration: none;
}

.pagetop:hover
{
opacity: 0.85 ;
}
　普通のHPではHtmlで下記を書き込み　確かにページにうまく表示されます。戻るボタンが
　スクロールの移動に従って移動しています。
<p class="pagetop">
<a href="#pagetop"title="ページトップへ戻る">
<img src="image/pagetop.png" alt="▲PAGE TOP" /></a>
</p>
しかし上記文をeccubu3の
商品マスター　フリーエリア欄に記入しますと、pagetop.pngをクリックすると
確かにページ先頭にゆきますが、フリーエリア欄の下部に定着したままで、スクロールの移動に従って移動できません。position: absolute;とかfixed；又relative；などためしましが、同じ結果でした。
どこを訂正したらよろしいのですか。

親要素の関係ではないでしょうか
defaulr_frame.twigで</body>の直前に書けば動くと思います。

(.pagetop にはz-indexの値も追加したほうが良いかもしれません。)

ただpagetopというクラスはEC-CUBE3.0で他のページで役割を持ったクラス名なので、他の名前に変えたほうが良いと思います。

----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富