追従型のカートボタンを設置している場合、追従型のカートボタンを押した時もオプションの内容を反映できるかどうか

Topic summary

追従型カートボタンを実装したサイトで、「Globo Product Options, Variant」アプリのオプション項目内容が反映されない問題が報告されました。

問題の詳細:

  • 追従型カートボタンを押すと、オプション項目の入力内容がカートに反映されない
  • 通常の「カートに入れる」ボタンでは正常に反映される

解決策:
SOUKL氏が提供した記事(https://soukl.net/shopify-column-fixed-cart/)により解決可能とのこと。

推奨される実装方法:

  • Liquid のカスタマイズによる追従型カートボタン
  • Line Item Property を使用することで、オプション項目内容も反映可能
  • 有料アプリを使用せずに実装できる

動作デモも提供されており、この方法で他のオプション項目も対応できるとされています。

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

下記サイトを参考に追従型のカートボタンを作りました。

https://note.com/tech_malin/n/n18ea593407fe

また当サイトでは「Globo Product Options, Variant」というオプション設定アプリを導入しているのですが、
オプションの項目などにチェックを入れ、通常の「カートに入れる」ボタンを押した際は入力した項目の内容が反映された状態でカートに追加されます。
しかし追従型のカートボタンを押してカートに入れた際は、入力した項目の内容が反映されないままカートに追加されてしまいます。

追従型のカートボタンを押した際に、オプションの項目内容も反映させることは可能なのでしょうか?
もし可能であれば設定方法をご教示いただきたいです。

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

@ponuco

SOUKLと申します。

私が執筆した記事ですが、下記リンクの方法で解決するかと思われます。

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

オプション項目内容も反映させることができる追従型のカートボタンでして、動作状況は下記をご覧ください。

その他のオプション項目が必要な場合は、Line Item Propertyを使用することで解決します。

fixed-cart.gif

追従型のカートボタンも、Line Item Propertyも、Liquidのカスタマイズによって有料アプリを使用せずに実装できますのでオススメです。

3 Likes