[Resolved] Search and filter plugin

[Leo]

Hi!

I’m using the Search & Filter Pro plugin to filter results by custom fields on this page.

I’m also using the WP Show Posts plugin to get the results to be filtered, and so far, it works.

However, I’d prefer using GenerateBlocks rather than WP Show Posts, so I could fully customize the results. (I read your announcement that WP Show Posts will integrate with GeneratBlocks, but I don’t know if that implementation is available.)

I’ve tried to achieve what I want using Elements, as I did to customize the search results page (you can see an example here). The problem is that in this case, this is not a search results page but a normal one, and I don’t know what settings should I use in Elements to get it working.

[Fernando]

Hi Leo,

Our development team is working hard to release a stable update as soon as possible.

With regards to WPSP, you would need custom CSS to make the modifications you’re aiming for.

For instance, you can try adding this CSS to Appearance > Customize > Additional CSS:

.wp-show-posts-inner {
    position: relative;
    max-height: 180px;
    overflow: hidden;
    border-radius: 0 50px 0 0;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-style: solid;
    border-left-width: 5px;
    border-color: var(--groc-ruskus);
}

.wp-show-posts-image::after {
    content:"";
    position:absolute;
    color:#fff;
    height:100%;
    width:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.5);
    z-index:999;
}

.wp-show-posts-image {
    width: 100%;
    transform:translateY(-20%);
}

.wp-show-posts-image img {
    width: 100%;
    object-fit:cover;
}

header.wp-show-posts-entry-header {
    position:absolute;
    top:0;
    left:25px;
    z-index:10000;
}

header.wp-show-posts-entry-header a {
    color: #fff;
}

.wp-show-posts-entry-summary {
    position:absolute;
    top:50px;
    left:25px;
    z-index:10000;
}

.wpsp-read-more {
    position:absolute;
    top:100px;
    left:25px;
    z-index:10000;
}

.wpsp-read-more a.wp-show-posts-read-more{
    color:#fff !important;
}
.wp-show-posts-entry-summary {
    position:absolute;
    top:50px;
    left:25px;
    z-index:10000;
}

.wpsp-read-more {
    position:absolute;
    top:100px;
    left:25px;
    z-index:10000;
}

.wpsp-read-more a.wp-show-posts-read-more{
    color:#fff !important;
}

Kindly modify the values to your preference.

Hope this helps! 🙂

[Leo]

Thank you, Fernando, that was very kind of you! 🙂

My main interest in using Elements instead of WPSP is the possibility of adding custom fields in the results (as in my current search page). Is there some way to accomplish that on this page?

[David]

Hi there,

the WP Show Posts plugin has its own hooks that you can see listed here:

https://wpshowposts.com/support/topic/bbpress-metadata-and-dates-in-wpshowposts/#post-28854

So you can use a Block Element – Hook type ( not Content Template ) to add your custom fields data.
When it comes to selecting the Hook, set the Hook to Custom and it will provide a field for you to enter the wpsp hook name.

We should be releasing GenerateBlocks update that will absorb WPSP very soon

[Leo]

Great! It was just what I wanted.

I can’t wait to see that update, I enjoy working with GenerateBlocks.

Thank you very much for your help, David! 🙂

[David]

You’re welcome!

[Author]

Posts