In custom product archeive page filter functionality is not working properly

This topic has 11 replies, 3 voices, and was last updated 2 days, 3 hours ago ago by Rose Tyler

  • Avatar: Hassan
    Hassan
    Participant
    February 17, 2025 at 09:08

    I recently created a custom product archive page, but the filter functionality is not working on the mobile version. Please help me resolve this issue.

    Files is visible for topic creator and
    support staff only.
    10 Answers
    Avatar: Hassan
    Hassan
    Participant
    February 17, 2025 at 09:23

    he filter is also not visible on the published version of the product archive page. However, it appears when I open the page in Elementor, but it doesn’t show when I view the live version.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2025 at 11:21

    Hello, Hassan,

    Thank you for reaching out to us.

    1/ What device and browser do you use? We’ve checked from Samsung mobile, Chrome browser, and filters work fine on the Shop page.

    2/ “he filter is also not visible on the published version of the product archive page” – please provide URL, because it is visible on the Shop page – https://prnt.sc/3_4diOCaX24q

    Best Regards,
    8Theme’s Team

    Avatar: Hassan
    Hassan
    Participant
    February 17, 2025 at 11:50

    1- On the shop page, the filter functionality works fine. However, I created custom product archive pages for each category separately, and the issue occurs on these category product archive pages.
    2- The filter is visible, but it doesn’t work on the custom category pages.

    Kindly visit that link of custom product archieve page.
    https://test.btmsanitary.com/wash-basin/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2025 at 11:56

    Hello,

    When you create a custom page via Pages > Add New, the default WooCommerce filters will not function on that page. This behavior is not related to our theme but rather to how WooCommerce operates—its filters only work on default pages.

    To view a product category page, please navigate to:
    Dashboard > Products > Categories > View Category.

    If you have any further questions, feel free to reach out.

    Best Regards,
    8Theme’s Team

    Avatar: Hassan
    Hassan
    Participant
    February 17, 2025 at 12:17

    “I created custom product archive pages using Products Archive and set the condition to display this template on product category pages, but I’m facing an issue with the filter functionality. If you need access to our site, I’ll be happy to share my credentials.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2025 at 12:59

    Hello,

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Best Regards,
    8Theme’s Team

    Avatar: Hassan
    Hassan
    Participant
    February 17, 2025 at 15:19

    Yes please access the site to check the setting.

    Content is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 17, 2025 at 17:57

    Dear @Hassan,

    Thank you for reaching out to us.

    We have reviewed your setup and noticed that you have created multiple templates using the “Products Grid” element (as shown here: https://prnt.sc/Az6AgO-WomW7). However, this element is not intended for use on such archive pages. It seems that the documentation, which provides details on the correct usage and configuration of the “Archive Products” page, was not fully referenced. You can find the relevant guide here: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/.

    Instead of creating multiple templates, you can use a single template and replace the “Products Grid” with the “Archive Products” widget (https://prnt.sc/IPefe1_oEX6c). This will ensure that products on shop, product category pages, product tag pages, and other archive pages are displayed dynamically based on WooCommerce queries. Additionally, the filters in the sidebar will function correctly, as they will filter products based on the current query. When using the “Products Grid” widget, all products are displayed statically, meaning filters will not work as expected.

    Currently, the only difference between your templates is the banner (https://prnt.sc/EiIePP7YlmL-). However, this can also be displayed dynamically by using the “Archive Title” widget (https://prnt.sc/sWtTnG_rwT_j). Similarly, for archive page descriptions, you should use the “Archive Description” widget (https://prnt.sc/q8_9c5rE9JVK), which will dynamically display content without requiring multiple templates.

    The settings for any category in the backend (https://prnt.sc/EiPbDgqQFoni) will be reflected on the frontend as shown here: https://prnt.sc/bBQgBWmTSxsF. Your archive editor should be structured as follows: https://prnt.sc/juZIkOCiLbL4. As mentioned earlier, products should be displayed using the “Archive Products” widget (https://prnt.sc/X7ei6XxS0d-0).

    Additionally, we noticed that your banner differs based on the product category. This can also be achieved dynamically with the following configuration: https://prnt.sc/XQAtr7KdAVGx. You can also set a fallback image (https://prnt.sc/VF44Qqs_nlos) in case a category does not have an assigned image, which can be configured here: https://prnt.sc/HCKbwSOGCR7z.

    Once everything is set up correctly as described above, your filters will function properly as well: https://prnt.sc/5_d7oh8ZA7E4.

    Note: the content of title, description may not be just the same as on frontend as it is dynamically so once you set the widgets, you can check the frontend for correct view.

    Please feel free to access the site and check the settings accordingly. If you need any further assistance, do not hesitate to reach out.

    Best Regards,
    Jack Richardson
    8Theme Team

    Content is visible for topic creator and
    support staff only.
    Avatar: Hassan
    Hassan
    Participant
    February 18, 2025 at 08:25

    Oh dear, you are great! Thank you so much. I really appreciate the way you helped me. I would rate your customer support 15/10😊.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 18, 2025 at 08:31

    Dear @Hassan,

    You’re most welcome! Wishing you a wonderful day ahead.

    We hope our theme is elevating your experience. If you could take a moment to leave us a glowing 5-star review on ThemeForest, it would mean the world to us. Your feedback is incredibly important and helps us continue to improve.

    You can rate us here: https://themeforest.net/downloads

    Should you have any other questions or require assistance, please don’t hesitate to contact us. Our dedicated support team is always here to help.

    Best Regards,
    8Theme’s Team

  • Viewing 11 results - 1 through 11 (of 11 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.