Dawnテーマにてトップに戻るボタンを表示したい

DAWNテーマを使用しています。

トップに戻るボタンを表示したく、方法がわからないためご教授ください。

以下の方法も試しましたが、「このカスタマイズは以前のShopifyテーマ向けで、Online Store 2.0のテーマには適用されません。」とある通りできませんでした。

https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-back-to-top

よろしくお願い致します。

「トップに戻る」というのが「ページ上部に戻る」ということでしたら、試してはいませんがtheme.liquidのbody閉じタグの手前あたりに以下のようなHTMLを書いて、CSSのposition:fixed;などで画面下に固定する形にすれば簡易対応はできるかなと思います。

戻る

上記は既に付与されている「MainContent」というidを利用しているため最上部まで戻らない場合があるかもしれませんが、その場合はbody開始タグに新たにidを設定して用いることで対応できるかなと思います。

なおCSSでは実現できない動作、例えば指定分だけスクロールしたら表示させたり消したりする動作が必要な場合はJavaScriptを書く必要がありますが、この手の処理は検索エンジンにて「上に戻るボタン」などで検索いただければ色々でてきますので試されることをお勧めします。

■Shopifyの方へ

どなた宛かにすべきか、ここに書くべきかわかりませんが、質問内容にある以下のページのサンプルコードの表示が壊れていますのでメンテナンスをお願いできればと思います。

https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-back-to-top