Skip to content

Commit

Permalink
Fix flipper on shortcodes. closes #14
Browse files Browse the repository at this point in the history
  • Loading branch information
jameskoster committed Dec 12, 2017
1 parent fb36336 commit 87a99c2
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 9 deletions.
12 changes: 6 additions & 6 deletions assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,30 +21,30 @@
}

/* backward compatibility - .woocommerce-LoopProduct-link will probably be removed in future releases */
body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link [class*="wp-post-image"] {
ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link [class*="wp-post-image"] {
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link:hover .wp-post-image {
ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link:hover .wp-post-image {
opacity: 0;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link:hover .wp-post-image--secondary {
ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link:hover .wp-post-image--secondary {
opacity: 1;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-loop-product__link [class*="wp-post-image"] {
ul.products li.pif-has-gallery a.woocommerce-loop-product__link [class*="wp-post-image"] {
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-loop-product__link:hover .wp-post-image {
ul.products li.pif-has-gallery a.woocommerce-loop-product__link:hover .wp-post-image {
opacity: 0;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-loop-product__link:hover .wp-post-image--secondary {
ul.products li.pif-has-gallery a.woocommerce-loop-product__link:hover .wp-post-image--secondary {
opacity: 1;
}
2 changes: 1 addition & 1 deletion image-flipper.php
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/*
Plugin Name: WooCommerce Product Image Flipper
Plugin URI: http://jameskoster.co.uk/tag/product-image-flipper/
Version: 0.4.0
Version: 0.4.1
Description: Adds a secondary image on product archives that is revealed on hover. Perfect for displaying front/back shots of clothing and other products.
Author: jameskoster
Author URI: http://jameskoster.co.uk
Expand Down
7 changes: 5 additions & 2 deletions readme.txt
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
Contributors: jameskoster, gabriel-kaam
Tags: woocommerce, ecommerce, product, images, photos, product photos, front and back
Requires at least: 3.8
Tested up to: 4.7.5
Stable tag: 0.4.0
Tested up to: 4.9.1
Stable tag: 0.4.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Expand Down Expand Up @@ -44,6 +44,9 @@ First of all check that the product you're checking has a gallery attached to it

== Changelog ==

= 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
Expand Down

0 comments on commit 87a99c2

Please sign in to comment.