カートドロワーが自動的に更新されない
Last updated
Was this helpful?
Last updated
Was this helpful?
この記事では、商品カートを追加しても PageFly ページの問題について説明します。これは、お客様が「カートに追加」ボタンをクリックしても、ストアのテーマのカートドロワーが、商品が自動的に更新される代わりに静的なままになることを意味します。
基本的に、PageFly は Shopify テーマとうまく連携します。ただし、一部のテーマ、特にカートの仕組みが PageFly と競合する場合、カートドロワーが自動的に更新されないことがあります。
この問題を修正するには、以下の手順に従ってください。
Shopify 管理画面 > オンラインストア > テーマに移動します。
現在のテーマで > カスタマイズをクリックします。
左側のサイドバーで、アプリ埋め込みをクリックします。
PageFly Theme Helper の横にあるチェックボックスをオンにします。
保存をクリックします。
これにより、Shopify テーマの 60% で問題が修正されます。問題が解決しない場合は、以下の特定のテーマ向けソリューションを確認してください。テーマがリストにない場合は、サポートチームにお問い合わせください。
詳細については、以下のビデオチュートリアルをご確認ください。
まず、Shopify 管理画面のテーマファイルにアクセスする必要があります。
Shopify 管理画面 > オンラインストア > テーマ > コードを編集に移動します。
app.js.liquid ファイルに移動し、refreshCart を検索します。
注: コード内の「View my cart」というテキストは、ストアの言語に合わせて変更する必要があります。
テーマの javascript ファイルに移動し、ajaxCart を見つけます。
var ajaxCart = window.ajaxCart のように、ajaxCart の後に window.ajaxCart を追加します。
Debutify テーマでは、以下の手順に従ってください。
theme.js.liquid ファイルに移動し、theme.ajaxCart、ajaxify、ajaxCart を検索します。
ライブビューでこのキーワードを使って、load 関数または update 関数があるかどうかを確認します。
例: theme.ajaxCart.update() または ajaxCart.load()
上記ガイドに従っても機能せず、カートドロワーが空白になる場合
注: このコードをテーマに追加しても機能しない場合があります。ライブビューで console.log() を開き、何かエラーが出ていないか確認できます。「$ is not define…」というエラーが表示される場合、この行を theme.liquid ファイルにコピー&ペーストする必要があります。
上記ガイドに従っても機能せず、カートドロワーが空白になる場合
Lorenza テーマでは、テーマが縮小されていないことを確認する必要があります。
ステップ 1: retina.js のコードを更新します。
ステップ 1: テーマコードで bc.script.js.liquid を検索して開きます。
ステップ 1: vela.js のこの関数を window に移動し、コードヘルパーを追加しました。
ステップ 1: まず cartUpdateCallback を window に移動します。
お使いのテーマが上記リストにない場合は、テーマプロバイダーに独自のテーマコードを依頼し、以下のデモのように赤い枠内のコードを更新してもらうよう依頼してください。
このコードも theme.liquid ファイルに追加する必要があります。
Narrative テーマでは、theme.liquid ファイル内にを追加するだけです。
Venue テーマでは、theme.liquid ファイル内にを追加するだけです。
こののように window.refreshCart を追加します。
app.js.liquid ファイルで add.js を検索し、こののようにその下のコードをコピーします。
カートに追加機能が機能するように、theme.liquid ファイルの window.__pagefly_helper_store コード内に、上記でコピーしたコードをこののように追加します。
Dawn テーマでは、theme.liquid ファイルにを追加してください。
Dawn - カートドロワーでは、theme.liquid ファイルにを追加してください。
Blockshop テーマでは、theme.liquid ファイル内にを追加するだけです。
theme.liquid にを追加します。
Porto テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Cospora テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Flex テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Grid テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Galleria テーマでは、ソリューションについてはこちらのリンクをご確認ください。
上記のキーワードのいずれかがある場合は、theme.liquid ファイルにを追加します。
こちらにチュートリアルリンクがあります。
を追加してください。
Avone テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Showtime テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Rebranding テーマでは、theme.liquid ファイルにを追加してください。
Envy テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Basel テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Ella テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Lusion テーマでは、ソリューションについてはこちらのリンクをご確認ください。
Atlantic テーマでは、theme.liquid ファイルにを追加してください。
Motion テーマでは、theme.liquid ファイルにを追加してください。
Maker テーマでは、theme.liquid ファイルにを追加してください。
Debut テーマでは、theme.liquid ファイルにを追加してください。
Express テーマでは、theme.liquid ファイルにを追加してください。
Impulse テーマでは、theme.liquid ファイルにを追加してください。
上記のコードが機能しない場合は、代わりにを追加してみてください。
Wokiee テーマでは、theme.liquid ファイルにを追加してください。
ABZ - Icon では、theme.liquid ファイルにを追加してください。
Streamline テーマでは、theme.liquid ファイルにを追加してください。
Bold-Movivatior テーマでは、theme.liquid ファイルにを追加してください。
Brooklyn テーマでは、ソリューションについてはこのをご確認ください。
を追加してください。
ソリューションについては、このをご確認ください。
Kalles テーマでは、theme.liquid ファイルにを追加してください。
Prestige または Warehouse テーマでは、theme.liquid ファイルにを追加してください。
上記のコードが機能しない場合は、代わりにを追加してください。
EcomSolid テーマでは、theme.liquid ファイルにを追加してください。
Focal テーマでは、theme.liquid ファイルにを追加してください。
Focal 8.10 テーマでは、theme.liquid ファイルにを追加してください。
ステップ 2: theme.liquid でを使用します。
ソリューションについては、の説明に従ってください。
ソリューションについては、の説明に従ってください。
theme.liquid ファイルにを追加してください。
ソリューションについては、に従ってください。
Showcase テーマでは、theme.liquid ファイルにを追加してください。
ソリューションについては、に従ってください。
MODULAR テーマでは、theme.liquid ファイルにを追加してください。
ステップ 2: AT_AddCart を検索し、このビデオののように window に移動します。
ステップ 3: theme.liquid ファイルにを追加してください。
Boost テーマでは、theme.liquid ファイルにを追加してください。
Reach テーマでは、theme.liquid ファイルにを追加してください。
ソリューションについては、に従ってください。
ステップ 2: theme.liquid ファイルにを追加します。
ステップ 2: theme.liquid ファイルにを追加します。
ステップ 1: ソリューションについては、に従ってください。
ステップ 2: theme.liquid ファイルにを追加します。
Shella Theme 5.0.1 では、theme.liquid ファイルにを追加してください。
Prestige テーマ - Warehouse (一部のバージョンのみ) では、theme.liquid ファイルにを追加してください。
Lammer theme 4.0.0 では、theme.liquid ファイルにを追加してください。
Warehouse 2.5.2 テーマでは、theme.liquid ファイルにを追加してください。
Turboant テーマでは、theme.liquid ファイルにを追加してください。
Broadcast テーマでは、theme.liquid ファイルにを追加してください。
Be Yours 4.1.0 テーマでは、theme.liquid ファイルにを追加してください。
Solodrop-2.4.0 テーマでは、theme.liquid ファイルにを追加してください。
Pop version 3.0.4 テーマでは、theme.liquid ファイルにを追加してください。
詳細については、このをご覧ください。
Flow version 16.3.1 テーマでは、theme.liquid ファイルにを追加してください。
詳細については、このをご覧ください。
すべてのテーマで、が必要です。