トップに移動するを追加したい

Question

https://shop.biosupli.jp/products/19

弊社の自社ECサイトなのですが、
サブスクを使用しています。

headとbodyの共有HTMLをサーバーに設定して一括のcommonのCSSを実装しています。
商品ページはこちらのCSSを利用して、それぞれに作成しているのですが
トップに戻るボタンを設置したいとかんがえております。

できれば一括で反映できるようにcommonの中にいれたいのですが
この場合bodyの中にいれれば指定すればうまくいくのでしょうか？
その場合のCSSはどのように効かせればいいか・・・よくわかりません。


説明が分かりづらく申し訳ございません。

一度弊社のページを見ていただいてご教示いただけますと幸いです。

Accepted Answer

ECマスターズの伊藤です。

> 希望としては
> ・商品ページのみに指定したい
> ・ページ上部にいくボタンを設置したい

詳細なご連絡ありがとうございました。

商品ページにのみ、設置いただくには、

https://subscription-store.com/helpcenter/function-manual/openingstores/cat2/blocks/

新規にブロックを作成いただき、
商品ページでのみ、ONにしていただくことで、
商品ページにのみ、表示してたいただくことが
できると思いますが、

事務局では、マニュアルでしか確認できないため、
思った登録ができない場合は、
お手数ですが、サブスクストアに
お問い合わせ頂ますよう、お願いいたします。

https://subscription-store.com/helpcenter/#footContact


商品ページにのみ表示するブロックが
設置できましたら、下記コードを、
貼り付けていただくことで、ご対応いただけます。

デザインについては、特にご指定がなかったため、
一般的なコードを記述しておりますので、

画像などをご用意いただき
【画像などトップへ戻るに表示したい内容】
の部分を変更してご利用くださいませ。

また、ご用意いただく画像や
配置したい位置により、数値の変更を
お願いいたします。

＝＝＝＝以下貼り付けコード＝＝＝＝

【画像などトップへ戻るに表示したい内容】

div#pagetop{
width:100px; /* 横幅 */
height:100px; /* 高さ */
bottom:10px; /* 画面下からの距離 */
right:30px; /* 画面右からの距離 */
z-index:1000;
position:fixed;
}
div#pagetop a{
display: block;
width:100%;
height:100%;
}

Answer

ECマスターズの伊藤です。

> トップに戻るボタンを設置したいとかんがえております。

トップに戻るは、
https://biosupli.jp/
のページへのリンクということでしょうか。

それとも、ページの上部に移動するものでしょうか。

> できれば一括で反映できるようにcommonの中にいれたいのですが
> この場合bodyの中にいれれば指定すればうまくいくのでしょうか？

上記どちらであっても、CSSのみでは実装できませんので、
HTMLにて、なにかしら記述する必要がございます。


デザインや、配置したい箇所によって、
コードが異なってまいりますので、
参考サイトやスクリーンショットに手書きで
イメージをご連絡いただくなど、
詳細をご教示くださいませ。

Answer

説明が分かりづらく申し訳ございません。

イメージ画像を添付しましたのでご確認お願いします。

希望としては
・商品ページのみに指定したい
・ページ上部にいくボタンを設置したい

です。よろしくお願いします。（javescriptはできれば使用せずに実装できれば尚可です）###HR######IMG0276008790747a03c9839d17b5082e4cd.jpegIMG0######BR###