WordPressテーマTCDのカスタマイズを研究するサイト

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>

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

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。