Forums › Forums › Search & Filter Pro › how to get the results into two columns layout with divi

Tagged: , , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  November 30, 2018 at 10:59 am #195008

    hi!
    i use the divi-theme and i´m currently styling the css of the search & filter pro. i´m not a pro in css…can you show me a way, how to get the results into a two or three columns layout?

    here is the link of my peage http://alpoh.dev-inmotto.de/unternehmen/

    for example, i find this very nice https://www.das-kommt-aus-bielefeld.de/produkte-dienstleistungen.html

    thank you very much!

    Trevor
    (Private)  November 30, 2018 at 12:12 pm #195011
    This reply has been marked as private.
    Anonymous
    (Private)  November 30, 2018 at 12:52 pm #195013
    This reply has been marked as private.
    Trevor
    (Private)  November 30, 2018 at 2:01 pm #195015
    This reply has been marked as private.
    Trevor
    (Private)  November 30, 2018 at 4:03 pm #195025

    These are NEW INSTRUCTIONS for using SEARCH & FILTER PRO with DIVI theme. This guidance replaces previous methods.

    1. You must be using the LATEST version (3.x.x) of Divi (earlier versions of Divi are coded differently). Please upgrade Divi before using the method described below (make a full site backup first).
    2. You must be using a fixed page (a page made in the WordPress Pages panel) for the form and results. You need to save this page and copy the URL for use in the form.
    3. Install and activate the Search & Filter Pro plugin.
    4. Download, install and activate the Search & Filter Divi Extension plugin, from here:

    https://drive.google.com/file/d/10TMHOcRmxg0BeVSP0wI7MTaohjmQlUcj/view?usp=sharing

    Screenshot: https://www.screencast.com/t/l6xZSvAzjc9V

    5. Make a Search & Filter form (follow our documentation on generally setting this up) and on the Display Results tab set the method to Divi Blog / Portfolio Module setting:

    Screenshot: https://www.screencast.com/t/EVsurpBlFM

    In the Results URL setting field, insert the FULL URL of the page you made for the search. Save the form.

    6. Insert a Search & Filter Form module on to the page and a Blog (or Portfolio – you can use either) module below it:

    Screenshot: https://www.screencast.com/t/lrLuu9DoxN

    In the form module select the form to use. In the Blog or Portfolio module settings, set Link with a Search & Filter Form? to Yes and select the form to use:

    Screenshot: https://www.screencast.com/t/yUPnmjO9wR

    And on the Design tab, select Fullwidth or Grid, according to your needs:

    Screenshot: https://www.screencast.com/t/0YWPNydRqQR

    7. Save the page.

    It should all now work together!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)