Forums › Forums › Search & Filter Pro › Result is misshapen
- This topic has 7 replies, 2 voices, and was last updated 6 years, 3 months ago by Anonymous.
-
Trevor(Private) July 30, 2018 at 10:59 am #183862
Thanks for contacting us. What version of our Pro plugin do you have installed? If you have v2.4.3 (or some earlier versions), this thread will be applicable:
https://support.searchandfilter.com/forums/topic/problem-with-updating/
With regard to the appearance of the results, what theme are you using (and are you using a child theme), and are you able to send me a live link/URL to your search page so I can take a look?
Anonymous(Private) July 30, 2018 at 11:52 am #183878Hello
I just put the last version and the problem persists. Here is the link : https://e2bse.fr/enseignements-audios.
It is a search by authors that the result on the page is curious.The theme is Vantage
I do not have a child theme
ThanksAnonymous(Private) July 30, 2018 at 3:08 pm #183927In fact I created a result.php page that I put in my theme. Actually, I modified the result page so that it is to my taste.
By doing a search in theme for example, the first two results are good but the following does not respect the widths of the columns actually.It may be related to another plug-in …
Trevor(Private) July 30, 2018 at 4:42 pm #183967I can see what the issue is. Something (a plugin or your theme) is placing custom classes on the columns for each posts and making CSS to set the width of them. When the posts are refreshed using our Ajax, the CSS is not being made. That means the CSS is being made using javascript, and that javascript is from wither your theme or the plugin, and needs to be re-triggered after our Ajax has run. We have a sample script for this, but I do not know what needs to be run. That would come from whoever wrote the code that makes that CSS. The necessary script would look like this:
<script>(function ( $ ) { "use strict"; $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ console.log("ajax complete"); // call your function(s) here }); }(jQuery));</script>
Anonymous(Private) July 31, 2018 at 8:20 am #184027Hello
I found the solution. In fact I use ACF with variables. I also use Black Studio TinyMCE Widget for the layout. In the box where the scrolling text is located, I noticed that the css (overflow-y: scroll;) was not applied in some results. I unchecked “Load results using Ajax” from Search and Filters and now it works. So there is a conflict with Black Studio TinyMCE Widget and its css. The main thing is that it works. Thanks for your help.
cordially -
AuthorPosts