Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 23, 2015 at 2:16 pm #477731
    lol4000

    Hi,
    I have installed Woocommerce whilst adding products have noticed the following option for product image hover effects:

    “Product Hover
    Hover effect on Overview Pages
    Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?”

    The only options are, “Yes show first gallery image” or “no hover effect”.

    I do not want to show another image on mouseover I simply want to keep the default hover which is used throughout the template on post images etc but for some reason this is not an option.

    Please help as I want to keep the hover effects consistent throughout the site.

    Thanks

    July 23, 2015 at 8:12 pm #477929
    Elliott

    Hey lol4000!

    That’s talking about on the shop overview page how you hover over a product and it switches between the images you uploaded, http://kriesi.at/themes/enfold-shop/shop/.

    Your wanting to get rid of that? Can you send us a link?

    Best regards,
    Elliott

    • This reply was modified 9 years, 3 months ago by Elliott.
    July 24, 2015 at 12:20 am #478015
    lol4000

    http://www.nanolia.com/www/eco3/product-category/surfaces-accessories/wood/

    As you can see there is no hover effect at all because I have the option to “no hover effect”. I simply want to have the default hover style that you see on my homepage and other pages. Not an image swap, just the circle with the arrow.

    Hope that makes sense.

    July 24, 2015 at 5:17 pm #478305
    Elliott

    Hi!

    Add this to your custom CSS.

    .thumbnail_container:hover img { opacity: 0.5; }

    Cheers!
    Elliott

    July 24, 2015 at 11:55 pm #478439
    lol4000

    Thanks for your help with this Elliott. That code gives me the mouseover effect like the default one but its missing the coloured circle with the arrow. Like on this page:

    http://www.nanolia.com/www/eco3/product-category/surfaces-accessories/

    July 27, 2015 at 3:43 pm #479119
    Elliott

    Hey!

    Where do you see this option?

    “Product Hover
    Hover effect on Overview Pages
    Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?
    ”

    I can’t find it anywhere in the Woocommerce settings. Take a screenshot please.

    Cheers!
    Elliott

    • This reply was modified 9 years, 3 months ago by Elliott.
    July 27, 2015 at 4:14 pm #479138
    lol4000

    Hi Elliott,

    Its on the product pages. See screenshot below

    July 28, 2015 at 3:53 pm #479773
    Elliott

    Hi!

    Try adding this to the bottom of your functions.php file.

    add_action( 'after_setup_theme', 'enfold_customization_remove_actions' );
function enfold_customization_remove_actions() {
	remove_action( 'woocommerce_before_shop_loop_item', 'avia_shop_overview_extra_div', 5 );
	add_action( 'woocommerce_before_shop_loop_item', 'avia_shop_overview_extra_div2' );
}
function avia_shop_overview_extra_div2()
{
	global $product;
	$product_class = $product->is_on_sale() ? "product_on_sale" : "";
	$product_class.= " av-product-class-".avia_get_option('product_layout');

	echo "<div class='inner_product main_color wrapped_style $product_class'>";
}

    Best regards,
    Elliott

    July 28, 2015 at 10:20 pm #479930
    lol4000

    Yes that worked!! Perfect, thanks so much for your help :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Disable product thumbnail image swap but keep default image hover effect’ is closed to new replies.