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

**URL:** <https://community.shopify.com/t/topic/194664>\
**Category:** 技術的なQ＆A\
**Created:** [February 24, 2023, 8:51am UTC](https://community.shopify.com/t/topic/194664 "2023-02-24T08:51:32Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

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

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

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

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

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

<div class="post-metadata">

**Author:** ![ponuco](https://avatars.discourse-cdn.com/v4/letter/p/b487fb/32.png) [@ponuco](https://community.shopify.com/u/ponuco)\
**Post date:** [February 24, 2023, 8:51am UTC](https://community.shopify.com/t/topic/194664/1 "2023-02-24T08:51:32Z")

</div>

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

[https://note.com/tech\_malin/n/n18ea593407fe](https://note.com/tech_malin/n/n18ea593407fe)

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

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

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

---

<div class="post-metadata">

**Author:** ![SOUKL](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/soukl/32/272242_2.png) [@SOUKL](https://community.shopify.com/u/SOUKL)\
**Post date:** [January 29, 2024, 10:32pm UTC](https://community.shopify.com/t/topic/194664/2 "2024-01-29T22:32:10Z")

</div>

@ponuco 様

SOUKLと申します。

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

[https://soukl.net/shopify-column-fixed-cart/](https://soukl.net/shopify-column-fixed-cart/)

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

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

![fixed-cart.gif](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/9/496bd15856a0182acc18f9c61e84e409d86dd122.gif)

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