Create a search form like the demo "Movie Reviews"

Elena

#87975

The Javascript errors I see now are:

jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
amazon.js:9 Uncaught TypeError: Cannot read property ‘currency’ of undefined
at doCountry (amazon.js:9)
at loadUiPrefFromLastTimeSaved (amazon.js:9)
at HTMLDocument.<anonymous> (amazon.js:9)
at n (jquery.min.js:2)
at Object.fireWith (jquery.min.js:2)
at ready (jquery.min.js:2)
?_sft_umore=commuovermi:1 XMLHttpRequest cannot load https://www.fanheart3.com/?sfid=4330&sf_action=get_data&sf_data=all&_sft_umore=commuovermi+innamorarmi. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.fanheart3.com&#8217; is therefore not allowed access.
?_sft_umore=commuovermi:1 XMLHttpRequest cannot load https://www.fanheart3.com/?sfid=4330&sf_action=get_data&sf_data=all&_sft_umore=commuovermi+innamorarmi+ridere. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.fanheart3.com&#8217; is therefore not allowed access.
?_sft_umore=commuovermi:1 XMLHttpRequest cannot load https://www.fanheart3.com/?sfid=4330&sf_action=get_data&sf_data=all&_sft_umore=commuovermi+innamorarmi+ridere+trash. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://www.fanheart3.com&#8217; is therefore not allowed access.

Add New Note to this Reply

Trevor Moderator

#87991

mmm. That should not be there. Clearly there is something more wrong. The migrate line (the first one) is always there on WordPress sites, the rest should not be.

I looked again at your admin and the form

The results URL was this:

http://www.fanheart3.com/allthesefeelings/

I just changed it to this:

https://www.fanheart3.com/allthesefeelings/

It should be https. Now it adds to the URL. BUT, you have some messages about some images being loaded over http still, so you need to find where they are being called from in the theme and fix them to https (see in the same console).

Add New Note to this Reply

Elena

#88107

IT WORKS!!!
Thank you so much! I edited some old links I had put in the widgets and forgot about when I changed the site to https.

Now the search is really perfect! Thanks a million!

If I may bother you again, I’m trying to edit the layout, now that the content is fine.

I’ve tried placing the results in a grid, but since I’m not familiar with php, I’ve tried with a plugin (Post Grid).
It actually looks very nice (https://www.fanheart3.com/allthesefeelings/), but unfortunately the grid appears only below the search form, when no search is made yet, and when I make a search the grid disappears and I have the same standard post layout.
To make the plugin work, I edited the results.php page of search and filter with the code the plugin gave me after I selected all the options: echo do_shortcode(“[post_grid id=’4505′]”); ?>

Of course if this is not the best way to make grid laoyout with search and filter, I can surely remove the plugin and I’ll follow your instructions.

Secondly, I’d like to have all the taxonomies displayed horizontally (as you can see we have many and the users need to scroll down a lot), possibly in ordered rows with the checkboxes all lined one below the other, if it’s possible.
I’ve tried searching the forum for similar posts, and I’ve tried using this method: https://support.searchandfilter.com/forums/topic/horizontal-layout/ but it didn’t work…

Could you please help me once again?

Thank you!

Add New Note to this Reply

Trevor Moderator

#88109

Does this Custom CSS help?

.searchandfilter ul li li.sf-level-0 {
  float: left;
  padding-right: 15px;
}
.searchandfilter .sf-field-reset {
  clear: left;
}

Add New Note to this Reply

Elena

#88128

It works! Much, much better, thank you!!!
I believe having all the checkboxes one below the others is asking too much, right? I don’t want to bother you so much, but if you have a solution it’d be grat, otherwise this looks good too.

Do you have any suggestions regarding the grid?

Thank you again!

Add New Note to this Reply

Trevor Moderator

#88132

This reply has been marked as private.

Add New Note to this Reply

Elena

#88216

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#88853

This is something you must try yourself.

On your server, find and edit this file:

wp-content/plugins/elementor/includes/template-library/sources/local.php

from line 110 onwards find this code:

public function get_items( $args = [] ) {
 $templates_query = new \WP_Query(
  [
   'post_type' => self::CPT,
   'post_status' => 'publish',
   'posts_per_page' => -1,
   'orderby' => 'title',
   'order' => 'ASC',
   'meta_query' => [
    [
     'key' => self::TYPE_META_KEY,
     'value' => self::$_template_types,
    ],
   ],
  ]
);

Try by adding one new/extra line, after this line:

'order' => 'ASC',

As this:

'search_filter_id' => '4330',

and see if that works?

Add New Note to this Reply

Elena

#88889

Hi!

Thanks again!

Now it does work: all the results are in a grid, also when I choose the moods.

Unfortunately now when I choose the moods I have the same problem which was solved before: no matter which combination of moods I choose, I always see all the posts.

Could you please help me fix it?

Thank you!

Add New Note to this Reply

Trevor Moderator

#88898

OK. I have changed the Display Result to Custom but that does not seem to work (but the mood now does). I also had to change the page to directly use the grid shortcode for this.

Can you remove that line in the local.php file? At line 129 is this:

if ( $templates_query->have_posts() ) {

In the empty line above, add this:

do_action("search_filter_query_posts", 4330);

Add New Note to this Reply

[Author]

Posts