Dynamic product catalog with tab filter by Search & Filter plugin

How to?

  1. Install Search & Filter form and the Elementor extension to make it seamlessly integrated (use credential in Dashlane)
    • Search & Filter – Download
    • Search & Filter: Elementor Extension (Login to see the download button) – Download
  2. Create a page that you want to use the filter and keep the URL in memo
  3. Switch to Search & Filter plugin to setup the form with the settings in the picture below
    sf dynamic filter 01
    Each numbers in this screenshot is a mandatory fields to check
    sf dynamic filter 02
    For No.2 you have to put the URL of the page that this filter will be show in there
  4. Go back to the page and drag the Search & Filter form widget in the content area then select the form that you’ve setup in step 3
  5. Drag the Posts widget under the form and config the Query setting like this

    sf dynamic filter 03

  6. Save the page and preview it in live URL

Example:

INTERVIEW 8

Product sample

Et vero ratione 33 nisi porro sit corporis nihil qui quia eveniet et iusto voluptate. Est quae dicta sed incidunt neque ad vitae dolores eum blanditiis corporis.