Styling Results Results Page with Divi Theme

Anonymous

#145393

Hey there,

First time user today, so far it’s working well. I just need to style the results page. I have chosen to have posts filtered by category, however the output is not very nice.

I have a few screenshots of the ideal set-up, but I cannot find any clear instructions in the docs on how to achieve something like this.

Do you have any resources I can utilise or any assistance would be appreciated.

Thank you.

George

My site can be found at: http://staging.wise-love.flywheelsites.com/browse/
To view please use:
Username: flywheel
Password: apathetic-stew

Inspiration: https://vossy.com/boutique-hotels/london-24178279
My idea: https://imgur.com/a/Jt4c1
Current display: http://staging.wise-love.flywheelsites.com/browse/?_sft_category=rugby-sevens (i will be removing the shortcode soon)

Trevor

#145407

Hi, assuming that you are using Divi 3.x.x, the instructions for integration are here:

https://support.searchandfilter.com/forums/topic/divi-and-sf/#post-127431

Anonymous

#145593

Thanks Trevor. I followed those instructions, which appears to mostly work. However the filtering of categories doesn’t change the results. Any idea?

You can see an example here: http://staging.wise-love.flywheelsites.com/browse/
User:flywheel
Pass:apathetic-stew

Trevor

#145634

This reply has been marked as private.

Anonymous

#145925

This reply has been marked as private.

Trevor

#146107

You had the filter_next_query shortcode in the wrong place, in a text block AFTER the grid. I have deleted that text block and moved the shortcode to inside the code block above the grid.

Anonymous

#146168

Thanks Trevor, appreciate it.

When there is no post for a certain category, do you know how I could display a message to the user with a link to a contact us page?

Thank you. George

Trevor

#146229

You would need to ask this question in a Divi forum or user page, as we let the Divi Blog module handle all the content. Does it display any message when no results/posts are found?

These three web pages/links might help:

https://www.mootpoint.org/blog/divi-hide-no-results-found-message-on-blog-widget/

https://elegantmarketplace.com/the-divi-blog-101/

https://www.youtube.com/watch?v=4qRI6rzjEyE

Anonymous

#147708

Hey Trevor, when I have no posts in a certain category, instead of displaying an error message such as no results found, the plugin simply displays a list of all posts from all categories. Is there a way to fix this?

Also, when clicking through to a post and going back to the category it does display the message correctly. For example:

http://staging.wise-love.flywheelsites.com/browse/?_sft_category=soccer — should have no posts, but displays all posts. Go to any of the posts and then click back and the correct error message appears. This should appear to begin with!

TO view staging site:
User: apathetic-stew
Pass: flywheel

Trevor

#147771

Mainly, it is a better idea to hide any terms with no results from the form, like this:

https://screenshots.firefox.com/ftRviq5b7YA2x31o/staging.wise-love.flywheelsites.com

I think that is the only solution to that at this time.

[Author]

Posts