Product Gallery “jumps” down upon hovering

  • Resolved eeevaaa

    (@eeevaaa)


    5 months, 4 weeks ago

    Hello WordPress/WooCommerce support team,

    I’m having an issue with my product gallery. Upon loading the site everything looks fine, but as soon as I hover over the thumbnails or click on one, the whole gallery takes a leap down and remains there.

    I was already looking around a bit for a solution and tried disabling lazy load for pictures, but it didn’t change the problem. I also emptied my cache, but problem still occurs.

    Here’s two screenshots illustrating the issue:
    Before: https://i.postimg.cc/Dy0gMVz2/gallery1.jpg
    After: https://i.postimg.cc/4N05C8Kp/gallery2.jpg

    I’m using the Blocksy theme, here is my System Status Report:

    <details><summary>System Status Report</summary>

    <br>### WordPress Environment ###<br><br>WordPress address (URL): [Redacted]<br>Site address (URL): [Redacted]<br>WC Version: 9.2.3<br>Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site.<br>Action Scheduler Version: ? 3.8.1<br>Log Directory Writable: ?<br>WP Version: 6.6.2<br>WP Multisite: –<br>WP Memory Limit: 256 MB<br>WP Debug Mode: –<br>WP Cron: ?<br>Language: en_US<br>External object cache: –<br><br>### Server Environment ###<br><br>Server Info: Apache<br>PHP Version: 8.3.11<br>PHP Post Max Size: 20 MB<br>PHP Time Limit: 30<br>PHP Max Input Vars: 1000<br>cURL Version: 7.61.1<br>OpenSSL/1.1.1k<br><br>SUHOSIN Installed: –<br>MySQL Version: 10.11.9-MariaDB<br>Max Upload Size: 20 MB<br>Default Timezone is UTC: ?<br>fsockopen/cURL: ?<br>SoapClient: ?<br>DOMDocument: ?<br>GZip: ?<br>Multibyte String: ?<br>Remote Post: ?<br>Remote Get: ?<br><br>### Database ###<br><br>[REDACTED]<br><br>### Post Type Counts ###<br><br>attachment: 691<br>custom_css: 2<br>customize_changeset: 110<br>nav_menu_item: 14<br>page: 12<br>post: 1<br>product: 80<br>product_variation: 2810<br>pscw-size-chart: 6<br>revision: 73<br>size-chart: 11<br>wp_global_styles: 2<br>wp_navigation: 1<br><br>### Security ###<br><br>Secure connection (HTTPS): ?<br>Hide errors from visitors: ?<br><br>### Active Plugins (13) ###<br><br>Blocksy Companion: by CreativeThemes – 2.0.67<br>Crush.pics Image Optimizer – Image Compression and Optimization: by Space Squirrel Ltd. – 1.8.7<br>Facebook for WooCommerce: by Facebook – 3.2.9<br>Judge.me Product Reviews for WooCommerce: by Judge.me – 1.3.24<br>Klaviyo: by Klaviyo<br>Inc. – 3.3.5<br><br>Printify Shipping Method: by Printify – 2.14<br>Product Size Chart for WooCommerce: by VillaTheme – 1.2.6<br>Secure Copy Content Protection: by Copy Content Protection Team – 4.2.4<br>Showcase Payment Options (icons): by KNEET – 1.4.0<br>WooPayments: by WooCommerce – 8.2.0<br>WooCommerce PayPal Payments: by WooCommerce – 2.9.0<br>WooCommerce: by Automattic – 9.2.3<br>WPC Variation Bulk Editor for WooCommerce: by WPClever – 1.1.8<br><br>### Inactive Plugins (2) ###<br><br>Goaffpro Affiliate Marketing: by Goaffpro – 2.7.9<br>UpsellWP Lite - WooCommerce Upsell, Cross-sell and Order Bumps: by UpsellWP – 2.1.3<br><br>### Dropin Plugins () ###<br><br>maintenance.php: maintenance.php<br><br>### Settings ###<br><br>Legacy API Enabled: –<br>Force SSL: –<br>Currency: USD ($)<br>Currency Position: left<br>Thousand Separator: ,<br>Decimal Separator: .<br>Number of Decimals: 2<br>Taxonomies: Product Types: external (external)<br>grouped (grouped)<br>simple (simple)<br>variable (variable)<br><br>Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)<br>exclude-from-search (exclude-from-search)<br>featured (featured)<br>outofstock (outofstock)<br>rated-1 (rated-1)<br>rated-2 (rated-2)<br>rated-3 (rated-3)<br>rated-4 (rated-4)<br>rated-5 (rated-5)<br><br>Connected to WooCommerce.com: –<br>Enforce Approved Product Download Directories: ?<br>HPOS feature enabled: ?<br>Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore<br>HPOS data sync enabled: –<br><br>### Logging ###<br><br>Enabled: ?<br>Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2<br>Retention period: 30 days<br>Level threshold: –<br>Log directory size: 10 MB<br><br>### WC Pages ###<br><br>Shop base: #18 - /<br>Cart: #19 - /cart/ -  Contains the [woocommerce_cart] shortcode<br>Checkout: #20 - /checkout/ -  Contains the [woocommerce_checkout] shortcode<br>My account: #21 - /my-account/<br>Terms and conditions: #229 - /terms-of-service/<br><br>### Theme ###<br><br>Name: Blocksy<br>Version: 2.0.67<br>Author URL: https://creativethemes.com<br>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<br>WooCommerce Support: ?<br><br>### Templates ###<br><br>Overrides: blocksy/woocommerce/cart/cart.php<br>blocksy/woocommerce/cart/mini-cart.php<br>blocksy/woocommerce/content-widget-product.php<br>blocksy/woocommerce/content-widget-reviews.php<br>blocksy/woocommerce/myaccount/my-account.php<br>blocksy/woocommerce/product-searchform.php<br>blocksy/woocommerce/single-product/tabs/tabs.php<br><br><br>### WooPayments ###<br><br>Version: 8.2.0<br>Connected to WPCOM: Yes<br>WPCOM Blog ID: 236605435<br>Account ID: acct_1PueOvFjB9mg7Z2w<br>Payment Gateway: Enabled<br>Test Mode: Disabled<br>Enabled APMs: card,klarna<br>WooPay: Not eligible<br>Apple Pay / Google Pay: Enabled (product,cart,checkout)<br>Fraud Protection Level: basic<br>Multi-currency: Enabled<br>Auth and Capture: Enabled<br>Documents: Enabled<br>Logging: Disabled<br><br>### WooCommerce PayPal Payments ###<br><br>Onboarded: ?<br>Shop country code: DE<br>WooCommerce currency supported: ?<br>Advanced Card Processing available in country: ?<br>Pay Later messaging available in country: ?<br>Webhook status: –<br>PayPal Vault enabled: –<br>ACDC Vault enabled: –<br>Logging enabled: –<br>Reference Transactions: –<br>Used PayPal Checkout plugin: –<br>Subscriptions Mode: Disabled<br><br>### Admin ###<br><br>Enabled Features: activity-panels<br>analytics<br>product-block-editor<br>coupons<br>core-profiler<br>customize-store<br>customer-effort-score-tracks<br>import-products-task<br>experimental-fashion-sample-products<br>shipping-smart-defaults<br>shipping-setting-tour<br>homescreen<br>marketing<br>mobile-app-banner<br>navigation<br>onboarding<br>onboarding-tasks<br>pattern-toolkit-full-composability<br>product-custom-fields<br>remote-inbox-notifications<br>remote-free-extensions<br>payment-gateway-suggestions<br>printful<br>shipping-label-banner<br>subscriptions<br>store-alerts<br>transient-notices<br>woo-mobile-welcome<br>wc-pay-promotion<br>wc-pay-welcome-page<br>launch-your-store<br><br>Disabled Features: experimental-blocks<br>minified-js<br>product-pre-publish-modal<br>settings<br>async-product-editor-category-field<br>product-editor-template-system<br><br>Daily Cron: ? Next scheduled: 2024-09-12 23:51:29 -05:00<br>Options: ?<br>Notes: 64<br>Onboarding: completed<br><br>### Action Scheduler ###<br><br>Complete: 9,045<br>Oldest: 2024-08-14 18:53:10 -0500<br>Newest: 2024-09-12 14:55:20 -0500<br><br>Failed: 3<br>Oldest: 2024-08-24 12:49:16 -0500<br>Newest: 2024-09-02 17:25:19 -0500<br><br>Pending: 1<br>Oldest: 2024-09-13 13:15:38 -0500<br>Newest: 2024-09-13 13:15:38 -0500<br><br><br>### Status report information ###<br><br>Generated at: 2024-09-12 15:19:53 -05:00<br>
    </details>

    Any ideas? Grateful for your assistance.

    Eva

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @eeevaaa,

    Thanks for contacting us and sharing the images and system status report, this is quite helpful.

    From the status report I see you have multiple plugins installed and it could be that one of these plugins caused the jumping behaviour. Have you tried doing a plugin/theme conflict test? This will help narrow down if the issue is with WooCommerce or not. For more detailed instructions, check out?How to test for plugin and theme conflicts.?

    Let us know how the conflict test goes or if you have already done this.

    Thread Starter eeevaaa

    (@eeevaaa)

    Hi, thank you for your reply. I did the test as adviced. Deactivating all the plugins did not change the problem. Installing the basic Twenty Twentytwo theme solved the issue.

    So I guess the next thing you are telling me is to contact the theme author, right? Will do.

    If there is anything else you would like to tell me, please do so.

    Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello eeevaaa,

    Thank you for testing and sharing the results.

    Since switching to the Twenty Twenty-Two theme resolved the issue, it does seem to be related to your current theme. Yes, contacting theme support is the next best step, they should be able to provide assistance or a fix for the issue.

    If you need further help or have any other questions, feel free to ask!

    Best regards.

    Plugin Support Rajesh K. (woo-hc)

    (@rajeshml)

    Hello @eeevaaa,

    I see that my colleague has already responded to you. Please ignore my response. ??

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Tags