這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

下載

WooCommerce Image Hover

由 Bradley Davis 開發

外掛說明

WooCommerce Image Hover simply replaces the main WooCommerce product image with the thumbnail image when you hover over a thumbnail. When you stop hovering over a thumbnail, the main WooCommerce product image is returned to the original like magic.
Please Note, if your theme supports WooCommerce Gallery Slider, this functionality will be disabled for this plugin to work. The good news is the zoom and lightbox functionality will continue to work.
** Requires WooCommerce to be installed. **

安裝方式

Requires WooCommerce to be installed.

WooCommerce Compatibility Test: v3.4.1

  1. Upload WooCommerce Image Hover to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. That’s it.

常見問題集

Why doesn’t WooCommerce Gallery Slider work with this plugin?

For this plugin to work, the WooCommerce Gallery Slider functionality needs to be removed. The good news is the zoom and lightbox still work if your theme supported them.

Why doesn’t it work with my theme?

It is impossible to make this plugin work with every theme as it depends on the html of your theme. WooCommerce Image Hover was built and tested on Storefront by WooCommerce to ensure it works with the standard WooCommerce classes.

How can I make it work with my theme?

You could visit the Git repo and fork it and make as many changes as you need. Alternatively you can hire me to do it for you. 🙂

使用者評論

Works great!

2019 年 5 月 17 日 1 則留言
Works great, the only thing I would change in the default version is actually to have an option whether or not to return to the first image when hovering out. In case you want it to stay to the last hovered image, please just comment out this in the .js file: /*function() { $( '.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img' ).first().attr( 'srcset', wcih_main_image ); }*/ That way it will be as it is on Amazon

Not compatible!

2019 年 3 月 13 日 2 則留言
I have WP 5.1 installed and this plugin seems to not work correctly. The hover feature seems to enable properly but it constantly is trying to flip between the original picture and the one I am hovering over.

Works Perfectly! Straight Out The Box!

2017 年 1 月 18 日
Does EXACTLY What it says it does. Straight out the box! No configuration needed. just activated it and hovered over my product thumbnails and they swapped the main featured image just like I wanted! Thanks so much!!

It works!

2016 年 9 月 3 日
Woocommerce 2.6.0 WP 4.5.2 Great plugin! Congrats to the developer!

99% exactly what I needed!

2016 年 9 月 3 日
Nice little plugin. I "customized" the script - well, commented out a few lines! - so that the newest image stays after mousing out of the thumb instead of immediately flipping back to the original image.
閱讀全部 8 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈WooCommerce Image Hover〉的開發相關工作。

參與者

將〈WooCommerce Image Hover〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

變更記錄

2.0

  • Tested on WordPress v4.9.6
  • Tested on WooCommerce v3.4.1
  • Removed theme support for WooCommerce gallery lightbox, zoom and slider so this plugin can work
  • Refactored JS for new WooCommerce 3.0 html
  • Fixed typo in JS var name for original main image

1.2

  • Tested on WordPress 4.5.1
  • Tested on WooCommerce 2.5.5, everything seems to be in order here
  • Added srcset compatibility – sorry it took so long to get updated

1.1

  • Tested on WordPress 4.3.1
  • Tested on WooCommerce 2.4.7, everything is a ok
  • Refactored jQuery for consistent spacing and use of “” to ”

1.0

  • Original commit and released to the world

中繼資料

評分

檢視全部
登入以提交評論

參與者

技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

檢視技術支援論壇