Inconsistent Category Behavior & Hover Image Overlay Issue on Shop Page

This topic has 6 replies, 2 voices, and was last updated 9 hours, 33 minutes ago ago by Andrew Mitchell

  • Avatar: M Project
    M Project
    Participant
    April 24, 2026 at 07:17

    Hi, we have two issues related to the Shop page:

    1. AJAX Category Filter Behavior

    On the Shop page:
    https://cocoblesspatisserie.com/shop

    Category links trigger AJAX filtering (e.g. ?filter_cat=seasonal-special,whole-cake), allowing multiple categories to be selected.

    However, on category archive pages (e.g. /product-category/seasonal-special/), the same links behave as normal navigation and redirect to another category page.

    👉 This creates inconsistent user experience.

    Question:
    Is there a way to disable the AJAX category filter on the Shop page so that all category links behave as direct navigation (like category archive pages)?

    2. Hover Image / Quick View Overlay Issue

    On product hover (as shown in screenshot), the hover effect does not fully replace the main image:

    – The second (hover) image only appears partially
    – The first image is still visible underneath

    👉 It seems like the hover image container is not fully covering the product image.

    Question:
    Is this a known issue with the hover effect or image settings?
    How can we ensure the hover image fully replaces the main image (100% cover) without overlapping?

    Thank you!

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    5 Answers
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 24, 2026 at 08:55

    Hello, M Project,

    We have noticed that your website is utilizing a large number of plugins. This could potentially impact the website’s performance, lead to errors, and affect its overall speed. To ensure optimal functionality and avoid such issues, we kindly ask you to manually review each plugin currently in use on your website.

    If the problem persists, we suggest switching to the Parent theme if you are currently using the Child Theme on your site. After clearing the cache, check again.
    Do the same test for the default WooCommerce theme – Storefront. The issue may be due to your custom code in the Child Theme.

    Let us know the results.

    Best regards,
    8Theme’s Team

    Avatar: M Project
    M Project
    Participant
    April 29, 2026 at 02:48

    Hi,

    Thanks for your reply.

    We would like to clarify that we are currently using the parent XStore theme only, not a child theme. Therefore, this issue is not caused by any child theme customizations.

    We have also cleared cache and verified the behavior.

    Regarding the issues:

    1. On the Shop page, category links trigger AJAX filtering (e.g. ?filter_cat=…), while on category pages they behave as normal navigation.
    Is there a way to disable the AJAX category filter so that all category links act consistently as direct navigation?
    2. For the product hover effect, the second image does not fully replace the main image and appears partially overlapped.
    Could you advise how to properly configure or fix this so the hover image fully covers the main image?

    Looking forward to your guidance.

    Thank you.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 29, 2026 at 09:42

    Hello, M Project,

    We understand that you are using the parent XStore theme only and that the issue is not related to any child theme customizations. We also appreciate that you have cleared the cache and verified the behavior.

    Regarding your inquiries:

    1. To make all category links act as direct navigation instead of triggering AJAX filtering, please navigate to Theme Options > WooCommerce (Shop) > Product Catalog > Shop Page Layout and disable the AJAX Product Filters option. After saving the changes, clear your site and browser cache to ensure the update takes effect.

    2. For the product hover effect issue, please check the following:
    – Ensure that both the main and secondary product images have the same dimensions and aspect ratio.
    – Go to Theme Options > WooCommerce (Shop) > Product Styles and verify that the hover effect type is set correctly (for example, “Swap” or “Fade”).
    – If the issue persists, please provide a link to your Shop page so we can inspect the CSS and assist you further.

    We hope this helps resolve the issues. Please let us know if you need any additional assistance.

    Best Regards,
    8Theme’s Team

    Avatar: M Project
    M Project
    Participant
    May 5, 2026 at 03:03

    Hi,

    Thank you for your help.

    We have already disabled the AJAX Product Filters in
    Theme Options → WooCommerce (Shop) → Shop Page Layout, and cleared cache, but the issue still persists.

    On the Shop page(https://cocoblesspatisserie.com/shop/), category links currently behave as multi-select filters (e.g. /shop/?filter_cat=seasonal-special,swiss-roll), combining categories when clicking multiple items.

    However, this only happens on the Shop page. On category pages, links behave normally.

    👉 We would like to keep the current layout/design, but change the behavior to single selection (normal navigation):

    – Clicking a category should redirect to /product-category/…
    – It should not combine multiple categories

    Could you please advise:
    Is it possible to disable the etheme-category-ajax behavior or make this widget act as normal links instead of filters?

    Thank you.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    May 5, 2026 at 09:16

    Hello, M Project,

    Unfortunately, this is not possible, as the default category filter can only combine categories.

    Best regards,
    8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.