Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #477731

    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

    #477929

    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 4 years, 3 months ago by  Elliott.
    #478015

    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.

    #478305

    Hi!

    Add this to your custom CSS.

    .thumbnail_container:hover img { opacity: 0.5; }
    

    Cheers!
    Elliott

    #478439

    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/

    #479119

    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 4 years, 3 months ago by  Elliott.
    #479138

    Hi Elliott,

    Its on the product pages. See screenshot below

    #479773

    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

    #479930

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

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.