このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Image Flip For WooCommerce

説明

A very simple plugin that adds a secondary product thumbnail on product archives that is revealed when you hover over the main product image.

This plugin is ideal if you’d like to display more than one image on product archives, and perfect if you want to display front and back images of clothing for example.

Please feel free to contribute on github.

Credits

Based on plugin by jameskoster & gabriel-kaam! Thanks!

インストール

  1. Upload woocommerce-product-image-flipper to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!

FAQ

How do I control which image is displayed on hover?

Whichever image is first in the order of product gallery images will appear on hover.

My secondary image is taller than the main product image and overlaps content when it fades in

This is due to the secondary image being positioned absolutely. This is the cleanest way I can think to do this with CSS alone. You may want to consider hard cropping your product catalog thumbnails to ensure all images are the same dimensions in product archives.

It doesn’t work. Nothing happens when I hover over images?

First of all check that the product you’re checking has a gallery attached to it.

評価

2022年1月11日
Work great for over a year now. Needed to do some CSS adjustments to make it work perfect, but it works and the plugin is kept updated.
2020年12月30日
So effective and nothing else like it. I’m using it on two sites. Works great with Storefront and Woocommerce. I’m using WordPress 5.6 and it says not tested after 5.4. I was surprised to see the one-star reviews, I hope they don’t put anyone off and I hope they don’t discourage the developer – I very much appreciate it, thank you.
3件のレビューをすべて表示

貢献者と開発者

Image Flip For WooCommerce はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Image Flip For WooCommerce” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

0.1.6

  • Refresh