「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマGLAMOUR:WCEX Widget Cartプラグインを使用する方法

Q.WCEX Widget Cartを有効化すると、商品がカートに追加できません。

テーマアップデート(Ver.1.1)にて「WCEX Widget Cartプラグイン」に対応しました。

アップデート後は下記のカスタマイズ(カスタムスクリプトへの記述)をすることなく、プラグインが動作するテーマ仕様となっております。

プラグインを有効にした際の動作といたしましては、「カート追加」をクリックするとメッセージを表示し、カート内の商品数を更新する仕様となっております。
メニュー右のカート横の数量バッジや、カートマウスホバー時に表示されるカート内商品につきましては、F5キーなどでページを更新することで数量が反映されます。

Welcartプラグインでは、通常、カートへ商品を追加した際にカートページに遷移する仕様となっておりますが、「WCEX Widget Cart」はカートページに切り替わらず、ウィジェット内にカート追加した商品を表示させるプラグインです。
 
このプラグインを使用するためには、商品ページ内に「WCEX Widget Cart」ウィジェットを配置する必要がありますが、GLAMOURでは商品ページにウィジェットエリアを設けておりません。
そのため、GLAMOURでプラグインを有効化すると「カートに追加」ボタンをクリックしても、商品がカートに追加されません。
 
この記事では、「WCEX Widget Cart」プラグインを有効にした際に、該当ウィジェットが表示されていない場合に限り、例外でカート追加のメッセージを表示し、かつカート内の商品数を更新する方法をご案内いたします。

A.下記の方法をお試しください。

TCDテーマ>基本設定のカスタムスクリプトに入力してください。

<script>
jQuery(function($){
  $(document).on('js-initialized', function(){
    if (typeof widgetcart != 'undefined' && !$('#wgct_alert').length) {
      $('body').append('<div id="wgct_alert"></div>');
    }
  });
  $('.p-wc-button-sku').click(function() {
    location.reload(false);
  });
});
</script>

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事