show woocommerce filters on another page that is not a store

Hello @fab17an!

If I am understanding correctly, you want to display customized list of products on a different (regular) page of your WordPress site, and you are using Elementor.

If yes, then I am not sure about how you achieve this with Elementor; but, WordPress has a shortcode block.

You can use it to display a filtered list of your store’s products on any page using the “[products]” shortcode; this shortcode comes with various filter options that you can check on the reference page itself.

The various filtration options available for this shortcode should serve your purpose of displaying a customized list of products.

I am not sure how you are editing this with Elementor; but, I was able to edit this page later with Elementor (screenshot below for your reference).

In case you have questions or if you are referring to something else, let us know.

Best!

hello thanks for answering, based on what you mention I use shortcode, if it shows me the products, but I don’t filter it for that product, I attach images of how it shows me, the first image is the store and the second is one that uses the shortcode [sale_products]

(1)
https://prnt.sc/28WlYrAGO05Q

(2)
https://prnt.sc/09_kdQ_Fp-tm

Hello @fab17an,

Thanks for the update!

Just to make sure we’re on the same page here, the WooCommerce blocks are not rendering on normal pages, not the product themselves.

I was able to do this on my test site as well, using the [products] and [sale_products] short codes and for some reason they’re hidden.

I even tried force-showing them from the theme widgets settings but that did no effect either.

At the time being, you can add the following code in your Addition CSS section in the customizer:

/* Force show WooCommerce blocks on normal pages */

.wc-blocks-filter-wrapper{
	display: block !important;
}

This will force render them on all pages, if you want the widget to render on a certain page you add the pageID selector.

I will be doing more tests later to understand if this is a bug or just how the WooCommerce blocks are intended to work.

Hope this helps!

Hello, thanks for answering, I added the code provided but it still does not show the filters, it continues to show the same page without filters :c.

Hi @fab17an

Thanks for trying the solutions above.

Can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if the above solutions work?

If this did not resolve the issue, please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.