WooCommerceのLightBoxとWordPressのFancyBoxにおける競合を回避する

WooCommerceには画像を綺麗に魅せるLightBox系のプログラムが同梱されており、商品詳細ページでの商品画像にデフォルトで適用されております。

しかし、他の固定ページや投稿でも同様にLightBox系の動作をさせようとプラグイン(有名所では「Easy FancyBox」など)を有効化すると、WooCommerceのプログラムと競合してしまいます。画像がオーバーレイで二重に表示されてしまうんですね。

これを回避し共存させる方法が日本語の記事で見当たらなかったのでメモしておきます。

用意されているフックで簡単に対応する

以下のコードをfunctions.phpに貼り付けて下さい。これだけ解決出来るはずです。(Easy FancyBoxを例にしているので、他のLightBox系プラグインの場合はコード変更が必要だと思われます)

 

参考記事: Woocommerce and fancybox conflicts – Newbox Solutions

(参考元コードではサムネイルしか対応していなかったので、追加でメイン画像も対応するコードを追記しておきました)

最終更新日:2017年7月19日

コメント

「何かそこ違うよ」「こうした方が良い」っていう部分があったら指摘して頂けると嬉しいです。

トラックバック

トラックバックは現在ありません。

Trackback: https://increment-log.com/woocommerce-lightbox-fancybox/trackback/