概要

Zepto Product Personalizer は Upcart と互換性がありますが、最適に動作させるにはいくつかの設定調整が必要になる場合があります。このガイドでは、よくある 2 つの問題（カートへのリダイレクトと価格の更新）とその解決方法を説明します。

1: Zepto がカートページにリダイレクトする（Upcart ではなく）

デフォルトでは、Zepto は Upcart のサイドカートを表示する代わりに、お客様をカートページにリダイレクトします。 解決方法:

Zepto 内の該当設定の場所は次のとおりです。

解決方法:

Upcart > Cart Editor > Settings > Cart settings に移動し、Advanced Settings を展開します
Shadow DOM というチェックボックスをオフにします
変更を保存します
他のアプリやテーマ機能の挙動に影響する可能性があるため、十分にテストしてください

💡 注意: Shadow DOM を無効にするとこの問題は解決する場合がありますが、テーマとの CSS の競合が発生する可能性があります。トレードオフの詳細については、Shadow DOM 設定のドキュメントをご覧ください。詳細については、Zepto のドキュメントも参照してください

Shadow DOM は Upcart の高度な設定で、ページ上の他のコード（テーマやアプリなど）から Upcart を分離することで、スムーズな動作を実現するものです。ただし、Zepto のように、カートが価格を正しく更新できるようにするためにこの「壁」を取り払う必要がある場合もあります。

まだ問題が解決しない場合: