追従カートの設置方法について

以下のサイトを参考にして有料アプリを使わずに、スクロール追従型の購入ボタンを設置したいのですが、

liquidの設定以降の「商品ページのテンプレートに以下のように記述」「JavaScriptの追加」がどこの操作をしているのかわかりません。

どこを開いて設定したらいいのか詳しく教えてくださらないでしょうか。

https://soukl.net/shopify-column-fixed-cart/

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

@tcsf2

ご質問いただいている、「商品ページのテンプレートに以下のように記述」「JavaScriptの追加」ですが下記になるかと思われます。

商品ページのテンプレートに以下のように記述

ご利用テーマの商品ページのテンプレート内に完成コードを記載します。

Dawnテーマをご利用でしたら、main-product.liquidが対象になるかと思われます。(※テーマによって名称が異なります。)

main-product.liquid内に記載できれば良いのですが、わかりやすくするために{% schema %}直前に記載いただくのが良いかと思います。

JavaScriptの追加

JavaScriptの追加になるのですが、記載されいてるコードを「fixed-cart.js」というファイル名で、

Dawnテーマのassetsディレクトリ内に格納すると良いのではないでしょうか。

ご参考まで。

(キュー小坂)

回答ありがとうございます!

テーマはDawnです。

教えてくださった通りの場所にそれぞれのパートを入れてみました。

コメント 2025-07-02 094934.png

しかし、カスタマイズで確認してみると以下のようなエラーが出てしまいました。

コメント 2025-07-02 095000.png

→ちなみにmain-product.liquidの25行目には以下を追記しています。

{% render ‘fixed-cart’%}

なにが原因なのでしょうか…

もし可能であれば再度お教えいただけますと幸いです。

何卒宜しくお願い致します。

@tcsf2

元々参考にされていたページにて、fixed-cart.liquidはスニペットとして作成すると記載がありましたので説明を省いておりました。

記載いただいたエラーは、fixed-cart.liquidがスニペット(snippets)に無いというエラーになります。

いただいた画像を見るとfixed-cart.liquidはsectionsの中に格納されておりますので、

fixed-cart.liquidをsnippets内に格納いただければ、表示されるかと思います。

ご参考まで。

(キュー小坂)