Show woocommerce filters on another page that is not a store

silviotiago · June 4

Hello!

I have a page that shows the products I have on sale on the website, but as it's not a standard Woocommerce page it doesn't show the filters (like the ones in the screenshot).

Is there any way (via code or plugin) to add these filters to the pages considered normal on the website, without them belonging to Woocommerce?

Captura de ecrã 2024-06-04, às 11.21.26.png

Phil · June 4

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

silviotiago · June 4

Of course, the link to the website is here: https://ps5digital.pt/

This is one of the pages where I want to put the filters: https://ps5digital.pt/promocoes/

Phil · June 4

Please go to Betheme -> Theme options -> Shop -> Products list, and ensure that you have filters active there.

Best regards

silviotiago · June 4

screencapture-ps5digital-pt-wp-admin-post-php-2024-06-04-15_55_30.png

Yes, all the options are active. But the page where I want to place the filters is not a standard woocommerce page. It's a normal page with a Row where there's a catalogue of games, as shown in the screenshot.

Phil · June 5

This element should take its settings from theme options.

Anyway, you can show the filters there with the following CSS code:

.mcb-item-shop-inner .woocommerce .mfn-woo-filters-wrapper{
 display: block;
}

Best regards

silviotiago · June 5

Captura de ecrã 2024-06-05, às 15.48.47.png

Thank you! Can you add the filters too, like I have on this page?

And can you change the colour of the word ‘Filtros’ to make it stand out more?

Albert · June 6

1) Filters are reserved for SHOP page so far. Shop page has built-in ajax filtering. Filters can loop woocommerce shop page only and not regular pages. However, your promotion page base on default WP shortcode [products] which doesn't have filtering option.

2) You can change it with custom css only:

.shop-filters a.open-filters.mfn-off-canvas-switcher {
color: red;
}
shop-filters a.open-filters.mfn-off-canvas-switcher svg .path {
 stroke: red !important;
}

Show woocommerce filters on another page that is not a store

Comments