Search Results for 'Elementor'

[Trevor]

Great to speak with you. Hopefully, Anywhere Elementor will do what you need. If not, start a new thread, as I will close this thread for now.

[Anonymous]

Yes I do (lite Elementor Pro version from Gplkey) and I have downloaded and installed the Elementor Extension.

[Trevor]

I asked this question in your other post, but do you have Elementor Pro, and if so, did you use our Elementor Extension?

It can be downloaded from the guide page (if you are logged in, it is a blue button at the top of the page):

https://searchandfilter.com/documentation/3rd-party/elementor/

[Anonymous]

Hello Trevor,

Yes I have Elementor Pro, the “cheap” version from Gplkey

[Trevor]

I made you your own topic/thread.

Do you have Elementor Pro?

[Trevor]

I edited the page to look at it again. The grid content is made with Anywhere Elementor widgets. See this screenshot:

https://www.screencast.com/t/YoSeDkAauDQW

The way to use Anywhere Elementor with our plugin is to build a template in Anywhere Elementor and use the AE Post Block to include it on the page:

https://www.screencast.com/t/AEQ7nwP72j

It would have worked before because we had not added support for Anywhere Elementor in 1.0.5 or before of our extension. Now that we support it, you need to build the page this way, select your template like this:

https://www.screencast.com/t/bKjS1P4sT

As far as I can see, this may need some rebuilding on your part, as the layout on the page in question is not a Template.

[Trevor]

So:

Q1 Move the sort-dropdown to be in the top right (I read that’s not possible in the current version?)
A1 You are correct, this will come in V3 (due in a few months)

Q2 Make a dropdown multi-select of ‘Eten & drinken‘ and ‘Faciliteiten‘
A2 You want this to be a dropdown with checkboxes? I think that this too will come in V3

Q3 Use stars in stead of the range-bar, because it’s about review-score. The stars should be colored when you pick them.
A3 I can only think this would require some custom JavaScript to enable the click on the stars to change the slider (that could be hidden). But to add the stars themselves, again, V3 would make this a lot easier

Q4 Some space between the dropdown with option ‘Relevantie‘ and ‘Filters wissen‘
A4 Custom CSS would be needed:

.searchandfilter[data-sf-form-id="3835"] .sf-field-reset {
    margin-top: 15px;
}

With V3, you will have more flexibility to style things using classes, but I am not sure how much control we can give you in the Elementor widget settings. But, something for us to consider.

You don’t mention the spacing you indicated in the screenshot, for ‘Eten & drinken‘ and ‘Faciliteiten‘, like this:

.searchandfilter > ul > li[data-sf-field-input-type="checkbox"] > ul > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

5px is what it is currently set at, so increase those for more gap, decrease for less gap.

[Anonymous]

Also, Pagination is not working on desktop (!) The URL changes to ….sf_paged=2 but nothing else changes. If I manually update the page using this sf_paged=2 URL it displays the correct products for page 2. Tried Chrome and Safari.

It does work on mobile (safari)

I’m using WP 5.5.3 and Elementor Pro, last version

[Trevor]

You could use As an Archive or the Shortcode methods, or, if you use any of the page builders we support (and your tags on this post suggest you are using Beaver Builder, yes?):

https://searchandfilter.com/documentation/3rd-party/elementor/
https://searchandfilter.com/documentation/3rd-party/beaver-builder/
https://searchandfilter.com/documentation/3rd-party/divi/
https://searchandfilter.com/documentation/3rd-party/wpbakery-page-builder-formerly-visual-composer/

you could use the integration extension plugin and associated display results method for those.

Be aware that taxonomies (including categories and tags) should be used in WordPress only for a single Post Type, and thus using taxonomy fields in the form could cause posts that the taxonomy is not associated with to disappear from the results. It is for this reason that searches dedicated to multiple post types are not often used on sites. Custom fields CAN be defined across multiple post types and searched safely without this happening.

If you are using only a search box, that could work, but you might need to also use Relevanssi to extend the search to all Post Types, depending on how your theme limits standard WordPress searches. See here:

https://searchandfilter.com/documentation/3rd-party/relevanssi/

[Trevor]

The author of Post Grid has made some changes which now make it difficult to integrate with.

You would need to use a page builder plugin to make a grid, such as one of these:

https://searchandfilter.com/documentation/3rd-party/elementor/
https://searchandfilter.com/documentation/3rd-party/beaver-builder/
https://searchandfilter.com/documentation/3rd-party/divi/
https://searchandfilter.com/documentation/3rd-party/wpbakery-page-builder-formerly-visual-composer/

The first is the most flexile to use, and I think they have a Black Friday deal on right now.