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

WooCommerce Product Image Flipper

外掛說明

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.

螢幕擷圖

  • A flipped image.

安裝方式

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

常見問題集

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.

使用者評論

2019 年 10 月 5 日
it works I hope you will continue improving this amazing plugin : ) However, the second image in the product gallery should be 800x800.
2018 年 9 月 27 日
I am using it with the genesis framework. Thank you James.
閱讀全部 28 則使用者評論

參與者及開發者

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

參與者

WooCommerce Product Image Flipper 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

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

對開發相關資訊感興趣?

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

變更記錄

0.4.2 – 26.11.2018

  • Fix – Moved initilisation function to pif class. Fixes compatibility with other plugins.

0.4.1 – 12.12.2017

  • Fix – Flipper effect is now applied to shortcodes and product loops on single product pages.

0.4.0 – 21.07.2017

  • Enhancement – This plugin does not use CSS 3d anymore.
  • Tweak – Secondary images now include alt / title tags

0.3.0

  • Fix – WooCommerce 2.7 compatibility.
  • Tweak – Simpler image transition.

0.2.0

  • Fix – WooCommerce 2.2 compatibility

0.1

Initial release.