Det här tillägget har inte testats med någon av de 3 senaste huvudversionerna av WordPress. Det kanske inte längre underhålls och kan ha kompatibilitetsproblem när det används tillsammans med nyare versioner av WordPress.

WooCommerce Product Image Flipper

Beskrivning

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.

Skärmdumpar

  • A flipped image.

Installation

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

Vanliga frågor

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.

Recensioner

15 oktober 2022
This plugin is still working with WP 6.0.2. and Woocommerce 7.0. Please update this great plugin. It's imperative! Best regards
5 oktober 2019
it works I hope you will continue improving this amazing plugin : ) However, the second image in the product gallery should be 800x800.
Läs alla 28 betyg

Bidragsgivare och utvecklare

”WooCommerce Product Image Flipper” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”WooCommerce Product Image Flipper” har översatts till 1 språk. Tack till översättarna för deras bidrag.

Översätt ”WooCommerce Product Image Flipper” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

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.