Support » Plugin: WooCommerce » Searching after the “Display secondary image on hover” button

  • Resolved Charles

    (@therealbxtr)


    Hi there,

    I have a little issue:
    I installed a plugin called “Magni Image Flip For WooCommerce” which allows to show the secondary image of a product in a category page. I didn’t like the final rendering so I uninstalled it.

    The problem is that after uninstalling it, the image flip on hover still work.
    I heard that there was a “display secondary image on hover” to uncheck on woocommerce options but I couldn’t find it.

    I work with astra theme.

    Could you please help me ?

    Thank you in advance.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Support Senff – a11n

    (@senff)

    WooCommerce doesn’t have this functionality by default, so if your product images still change on hover on category pages, it’s either that your page is cached (and therefore showing an older version of it), or the Magni plugin was not uninstalled properly, or it comes from another plugin.

    Could you include a copy of your site’s System Status Report? You can find it by going to your admin Dashboard and select WooCommerce → Status.
    From there, select “Get system report” and then “Copy for support“.

    Thread Starter Charles

    (@therealbxtr)

    Thank you @senff for your quick answer.

    I deleted the cache and it’s still showing the flipping image, I also have deactivated and uninstalled the Magni Plugin.
    I don’t know if it can help you but there is this html code when I inspect the element: class=”secondary-image attachment-shop-catalog wp-post-image wp-post-image–secondary”

    Here is my System Status Report :

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://www.baxter-store.com
    Site address (URL): https://www.baxter-store.com
    WC Version: 4.0.1
    REST API Version: ✔ 1.0.7
    WC Blocks Version: ✔ 2.5.14
    Action Scheduler Version: ✔ 3.1.4
    WC Admin Version: ✔ 1.0.3
    Log Directory Writable: ✔
    WP Version: 5.4
    WP Multisite: –
    WP Memory Limit: 768 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US
    External object cache: –
    
    ### Server Environment ###
    
    Server Info: LiteSpeed
    PHP Version: 7.2.29
    PHP Post Max Size: 200 MB
    PHP Time Limit: 180
    PHP Max Input Vars: 12000
    cURL Version: 7.68.0
    OpenSSL/1.1.1d
    
    SUHOSIN Installed: –
    MySQL Version: 5.7.29-cll-lve
    Max Upload Size: 200 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔
    
    ### Database ###
    
    WC Database Version: 4.0.1
    WC Database Prefix: wpbp_
    Total Database Size: 8.33MB
    Database Data Size: 7.79MB
    Database Index Size: 0.54MB
    wpbp_woocommerce_sessions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_tax_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_actionscheduler_actions: Data: 0.02MB + Index: 0.02MB + Engine MyISAM
    wpbp_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_actionscheduler_logs: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
    wpbp_cartflows_ca_cart_abandonment: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_cartflows_ca_email_history: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_cartflows_ca_email_templates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_cartflows_ca_email_templates_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_comments: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_options: Data: 3.17MB + Index: 0.07MB + Engine MyISAM
    wpbp_postmeta: Data: 3.85MB + Index: 0.19MB + Engine MyISAM
    wpbp_posts: Data: 0.72MB + Index: 0.11MB + Engine MyISAM
    wpbp_rank_math_404_logs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_rank_math_internal_links: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
    wpbp_rank_math_internal_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_rank_math_redirections: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_rank_math_redirections_cache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_rank_math_sc_analytics: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_termmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_term_relationships: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_term_taxonomy: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_usermeta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
    wpbp_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_admin_notes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_admin_note_actions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_customer_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_order_product_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_order_stats: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wc_product_meta_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
    wpbp_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    wpbp_wpforms_tasks_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
    
    ### Post Type Counts ###
    
    attachment: 226
    custom_css: 2
    customize_changeset: 163
    elementor_library: 1
    elementor-hf: 1
    elementskit_content: 1
    elementskit_template: 2
    nav_menu_item: 25
    page: 20
    post: 1
    product: 15
    product_variation: 1
    revision: 450
    shop_coupon: 1
    shop_order: 2
    wpforms: 1
    
    ### Security ###
    
    Secure connection (HTTPS): ✔
    Hide errors from visitors: ✔
    
    ### Active Plugins (15) ###
    
    Starter Templates: by Brainstorm Force – 2.2.1
    CartFlows: by CartFlows Inc – 1.5.5
    Custom Fonts: by Brainstorm Force – 1.2.1
    Elementor: by Elementor.com – 2.9.7
    ElementsKit Lite: by Wpmet – 1.5.2
    Full Screen Menu for Elementor: by Solitweb – 1.0.3
    Granular Controls Elementor: by Zulfikar Nore – 1.0.5
    Rank Math SEO: by Rank Math – 1.0.42.2
    Simple CSS: by Tom Usborne – 1.1
    Sticky Header Effects for Elementor: by Rwattner – 1.3.2
    WooCommerce Cart Abandonment Recovery: by CartFlows Inc – 1.2.5
    WooCommerce Stripe Gateway: by WooCommerce – 4.3.3
    WooCommerce Product Image Flipper: by jameskoster – 0.4.2 – Not tested with the active version of WooCommerce
    WooCommerce: by Automattic – 4.0.1
    WPForms Lite: by WPForms – 1.5.9.5
    
    ### Inactive Plugins (0) ###
    
    ### Settings ###
    
    API Enabled: –
    Force SSL: –
    Currency: EUR (€)
    Currency Position: right
    Thousand Separator: ,
    Decimal Separator: .
    Number of Decimals: 2
    Taxonomies: Product Types: external (external)
    grouped (grouped)
    simple (simple)
    variable (variable)
    
    Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
    exclude-from-search (exclude-from-search)
    featured (featured)
    outofstock (outofstock)
    rated-1 (rated-1)
    rated-2 (rated-2)
    rated-3 (rated-3)
    rated-4 (rated-4)
    rated-5 (rated-5)
    
    Connected to WooCommerce.com: –
    
    ### WC Pages ###
    
    Shop base: ❌ Page visibility should be public
    Cart: #39 - /cart/
    Checkout: ❌ Page visibility should be public
    My account: ❌ Page visibility should be public
    Terms and conditions: ❌ Page not set
    
    ### Theme ###
    
    Name: Astra
    Version: 2.4.2
    Author URL: https://wpastra.com/about/
    Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
    WooCommerce Support: ✔
    
    ### Templates ###
    
    Overrides: –
    
    ### Action Scheduler ###
    
    Canceled: 1
    Oldest: 2020-04-13 10:10:15 +0000
    Newest: 2020-04-13 10:10:15 +0000
    
    Complete: 58
    Oldest: 2020-04-12 21:17:24 +0000
    Newest: 2020-04-21 09:25:50 +0000
    
    Pending: 1
    Oldest: 2020-04-22 07:09:42 +0000
    Newest: 2020-04-22 07:09:42 +0000
    
    
    Plugin Support Senff – a11n

    (@senff)

    It appears this may be coming from your theme, Astra, so I would check if you can find any option in the theme configuration settings where you can change this.

    Additionally, you have a plugin called WooCommerce Product Image Flipper that offers this functionality, so you might want to deactivate that one as well.

    Thread Starter Charles

    (@therealbxtr)

    Dear @senff,

    I deactivated and uninstalled WooCommerce Product Image Flipper, and it still doesn’t work.

    I don’t know if it can help you in your research but I found this closed topic that discuss about the same subject: https://wordpress.org/support/topic/thumbnail-image-flip-on-mouse-over/

    Thank you in advance !

    Plugin Support Senff – a11n

    (@senff)

    Have you tried switching to another theme temporarily to see if that solves the issue? If it does, then you will need to check this within your theme’s settings/options.

    Thread Starter Charles

    (@therealbxtr)

    Your are right, there is not anymore flipping when I use another theme.

    Therefore I assume that it’s not about Woocommerce anymore, but I couldn’t find where this option is located in Astra theme.

    So it’s not anymore in your area of expertise but would you know where I can find the solution? Or maybe a CSS code to insert?

    Thank you in advance Senff.

    Thread Starter Charles

    (@therealbxtr)

    Here is the HTML responsible of this loop :

    <li class="ast-col-sm-12 ast-article-post astra-woo-hover-swap product type-product post-1120 status-publish first instock product_cat-tees has-post-thumbnail shipping-taxable purchasable product-type-simple">
    	<div class="astra-shop-thumbnail-wrap"><a href="xxx?customize_changeset_uuid=2a90205e-8120-447c-ae63-edf9fc83c666&customize_messenger_channel=preview-0" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="xxx.png" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="xxx.png 300w, xxx.png 100w, xxx.png 660w, xxx.png 1024w, xxx.png 150w, xxx.png 768w, xxx.png 1536w, xxx.png 1772w" sizes="(max-width: 300px) 100vw, 300px"><img width="300" height="300" src="xxx.png" class="show-on-hover" alt="" srcset="xxx.png 300w, xxx.png 100w, xxx.png 660w, xxx.png 1024w, xxx.png 150w, xxx.png 768w, xxx.png 1536w, xxx.png 1773w" sizes="(max-width: 300px) 100vw, 300px"></a></div><div class="astra-shop-summary-wrap"><a href="xxx?customize_changeset_uuid=2a90205e-8120-447c-ae63-edf9fc83c666&customize_messenger_channel=preview-0" class="ast-loop-product__link"><h2 class="woocommerce-loop-product__title">xxx</h2></a>
    	<span class="price"><span class="woocommerce-Price-amount amount">xxx<span class="woocommerce-Price-currencySymbol">€</span></span></span>
    </div></li>
    • This reply was modified 1 year, 5 months ago by Charles.
    • This reply was modified 1 year, 5 months ago by Charles.
    Plugin Support Senff – a11n

    (@senff)

    Since this is coming from your Astra theme, it’s best to reach out to their support team directly. They will probably be able to tell you how/where you can disable this functionality.

    Thread Starter Charles

    (@therealbxtr)

    Thank you for your support,
    Bye !

    Thread Starter Charles

    (@therealbxtr)

    To close the topic, I resolved the problem by writing this additional CSS :
    .show-on-hover {display: none !important;}

    It’s certainly not the best way to resolve it but it was the easiest !

    • This reply was modified 1 year, 4 months ago by Charles.

    @therealbxtr Thanks for following-up, I was looking for this too with Astra. That woks. Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Searching after the “Display secondary image on hover” button’ is closed to new replies.