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