-
AuthorSearch Results
-
May 12, 2017 at 12:09 pm #108458
Topic: XMLHttpRequest cannot load – message
in forum Search & Filter Pro
AnonymousInactiveI’ve implemented Search & Filter pro on my website (which is still in early stage of development). When I test the functionality, the page refreshes but nothing happens on the frontend.
In the console I see the following message:
[Error] XMLHttpRequest cannot load http://changemycar.nl/zoeken?sf_data=form%2Cvc_results&sfid=809&sf_action=get_data&_sfm_prijs=0+1000&_sfm_Merk=Skoda&sfvc_page_id=803&sfvc_shortcode_id=1494583788363-fd34b16f-94e4-10&sfvc_style=all. Origin http://www.changemycar.nl is not allowed by Access-Control-Allow-Origin.Any clue how to fix this? Site is not https:// , the theme is The7 from DreamTheme (quite out of the box), I load the search form on the site via the Search & Filter Pro VC element.
Search form can be found on: http://www.changemycar.nl/zoeken
All help is highly appreciated 🙂
May 3, 2017 at 9:39 am #106111In reply to: How to custom the available fields's positions?
AnonymousInactiveI think I found it.
I added to my child style.css this code:.searchandfilter label { display: inline-block; margin: 0px 25px 0px 0px ; }
It’s ok no?
May 2, 2017 at 7:29 pm #106045In reply to: Search not returning any results anymore.
AnonymousInactive<?php /** * The template for displaying search results pages. * * @package Golden */ get_header(); global $query_string; $searchquery = get_search_query(); ?> <?php $gender = get_taxonomy_values("_sft_gender"); $filter = get_taxonomy_values("_sft_filter"); $collection = get_taxonomy_values("_sft_collection"); $style = get_taxonomy_values("_sft_style"); $fit =get_taxonomy_values("_sft_fit"); // if($collection){ // $collection_final = str_replace('-', ' ', $collection->slug); // } ?> <?php include('inc/filter-bar-new.php'); ?> <div id="primary" class="content-area"> <main id="main" class="site-main product-archives" role="main"> <?php if ( have_posts() ) : ?> <?php $search_new = esc_html($wp_query->query['s']); ?> <header class="archive-header wrapper"> <a class="button small" href="#" id="filter-toggle">Filter Styles</a> <h1 class="page-title search-title"> <?php if ($search_new || $gender || $filter || $collection || $style || $fit){ ?> Filter Results <?php if ($search_new!==''){ ?>For: <span><?php echo esc_html($wp_query->query['s']); ?></span> <?php } ?> <?php if($filter){ echo '<a href="'.$filter->slug.'">'.$filter.'</a>'; } ?> <?php if($gender){ if ($filter){echo '/ ';} echo $gender; } ?> <?php if($collection){ if ($filter || $gender ){echo '/ ';} echo $collection; } ?> <?php if($style){ if ($filter || $gender ||$collection ){echo '/ ';} echo $style; } ?> <?php if($fit){ if ($filter || $gender ||$collection || $style ){echo '/ ';} echo $fit; } ?> <?php } else{ echo 'All Bodystyles'; } ?> </h1> </header><!-- .page-header --> <?php /* Start the Loop */ ?> <?php while ( have_posts() ) : the_post(); ?> <?php /** * Run the loop for the search to output the results. * If you want to overload this in a child theme then include a file * called content-search.php and that will be used instead. */ if ($_SERVER['HTTP_REFERER'] == 'http://goldengoods.staging.wpengine.com/design-lab/'){ get_template_part( 'content', 'productlab' ); } else { get_template_part( 'content', 'product' ); } ?> <?php endwhile; ?> <?php the_posts_navigation(); ?> <?php else : ?> <?php get_template_part( 'content', 'none' ); ?> <?php endif; ?> </main><!-- #main --> </div><!-- #primary --> <?php get_footer(); ?>
May 2, 2017 at 2:12 pm #105914Topic: Multiple active checkboxes styling
in forum Search & Filter Pro
AnonymousInactiveHi,
Please see: http://31.7.7.90/~zeilstra/semilo/netwerk/?_sft_channel=eten-en-drinken
On the left there’s the Search & Filter Pro taxonomy filter. I’ve used some css to style the checkbox and the parameters will be shown in the url.
The problem:
Whenever a checkbox is active the plugin add the class ‘sf-option-active’, and when I click the current checkbox again it removes the parameters from the URL but it doensn’t uncheck the checkbox and the class ‘sf-option-active’ is not removed from the ‘li-element’.Problem 2:
When selecting multiple checkboxes the sf-option-active only appplies to one checkbox. In one filter there’s no feature to have 2 active buttons.How can this be resolved?
April 27, 2017 at 1:12 pm #105204In reply to: No products were found matching your selection
AnonymousInactiveThanks for getting back to me Trevor. I see for point 1, you don’t have a suggestion for how to make this work? Can you help me with some kind of work around? We are supposed to be going live tomorrow and with 100s of products to filter through, this is a show stopper.
For point 2, I’m still very inconsistent with my results. Unless I press that tag outside of the search and filter, I can’t get it to work. But once it starts working, it then works merrily. I don’t think this is ideal.
I’ve also come across some more issues, again an inconsistent one (which I can understand is the hardest to solve), when the filtered products are displayed, sometimes it displays one to a row and other times, it shows the (preferred) 3 to a row. If you press colour first, or the brand or style dropdown, it seems to just show the 1 to a row with the larger thumbs. Only filter by tag and product category dropdowns show the three in a row. If you start with the tag or product category, and then select one of the other dropdowns, it maintains the row display.
Here’s an example:
Please use this link http://stl.stealthelimelight.com.au/products/ and then select a colour such a bronze. It displays, 1 to a row.
Reset the search and now this time, select wallpaper from the dropdown. And then click on the bronze. This time you get three to a row.
Sorry to keep coming back to you with all these issues. I honestly can say, that when this works, its very very good, and I feel its worth persevering with.
April 26, 2017 at 4:39 pm #105016In reply to: Results count… can't make it work
AnonymousInactiveMany thanks. No it is not. We design and program themes from scratch.
This is the whole code<?php /* Template name: Buscador de Propiedades */ get_header(); ?> <?php while ( have_posts() ) : the_post(); ?> <div class="encabezado page-encabezado buscadorinmueble-encabezado" style="background-image:url( <?php if ( has_post_thumbnail()) { $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'encabezado' ); $url = $thumb['0']; echo $url; } else{ echo of_get_option('mb_page_encabezado_fondo'); } ?> );"> <div class="grid grid-pad"> <div class="col-1-1 mobile-col-1-1"> <h1 class="text-center"><?php the_title();?></h1> </div> </div> </div> <?php endwhile; ?> <section> <div class="section prop-filtro"> <div class="grid grid-pad"> <div class="col-1-1 mobile-col-1-1"> <div id="prop_buscador_show_wrap" style="display:none;"> <a href="void(0);"><?php _e('Mostrar Filtros','weyketing'); ?></a> </div> <div id="prop_buscador_referencia" class="prop-buscador" style=""> <?php get_template_part( 'propid', 'searchform' ); ?> </div> <div id="prop_buscador" class="prop-buscador prop-buscador-grande activado" style=""> <?php echo do_shortcode(of_get_option('mb_prop_buscador_form')); ?> <a href="void(0);"><?php _e('Mas Filtros','weyketing'); ?></a> <a href="void(0);"><?php _e('Menos Filtros','weyketing'); ?></a> </div> </div> </div> </div> <div class="section prop-featured"> <h2 class="titulo titulo-h2" style="text-align:center;"><span><?php _e('PROPIEDADES DESTACADAS','weyketing');?></span></h2> <div class="clear"></div> <div class="prop-featured-slider"> <?php $args = array( 'post_type' => 'propiedad', 'posts_per_page' => 5, 'order' => 'DESC', 'orderby' => 'date', 'meta_key' => '_featured', 'meta_value' => 'yes' ); query_posts( $args ); $contador = 1; if ( have_posts() ) { while ( have_posts() ) { the_post(); if ( has_post_thumbnail()) { $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'propiedad-slider' ); $url = $thumb['0']; } else { $url = of_get_option('mb_prop_thumb_default'); } global $propiedad_mb; $propiedad_mb->the_meta(); $prop_id = $propiedad_mb->get_the_value('referencia'); $prop_precio = $propiedad_mb->get_the_value('precio'); $prop_detalle_area_util = $propiedad_mb->get_the_value('area_util'); $prop_detalle_habitaciones = $propiedad_mb->get_the_value('habitaciones'); $prop_detalle_banos = $propiedad_mb->get_the_value('banos'); $prop_detalle_aparcamiento = $propiedad_mb->get_the_value('aparcamiento'); ?> <!-- REPEATER --> <div class="prop-feat-slider-item"> <img />" alt="<?php the_title(); ?>"/> <div class="prop-feat-slider-content"> <div class="grid grid-pad "> <div class="col-8-12 mobile-col-1-1 propiedad-titulo"> <h2><?php the_title(); ?></h2> <p> <?php _e('REF.','weyketing'); echo ' '.$prop_id;?> | <span> <?php $tipos = wp_get_post_terms($post->ID, 'tipo-operacion', array("fields" => "all")); foreach($tipos as $tipo) { echo $tipo->name; } ?> </span> </p> </div> <div class="col-4-12 mobile-col-1-1 propiedad-precio"> <p><strong><?php echo number_format($prop_precio,0,',','.'); ?></strong><span>€</span></p> </div> </div> <div class="grid grid-pad"> <div class="col-9-12 mobile-col-1-1"> <ul class="prop-caract-principales"> <li class="prop-caract"> <img />"/> <?php _e('AREA UTIL','weyketing'); ?><br> <strong><?php echo $prop_detalle_area_util;?> M<sup>2</sup></strong> </li> <li class="prop-caract"> <img />"/> <?php _e('HABITACIONES','weyketing'); ?><br> <strong><?php echo $prop_detalle_habitaciones;?></strong> </li> <li class="prop-caract"> <img />"/> <?php _e('BANOS','weyketing'); ?><br> <strong><?php echo $prop_detalle_banos;?></strong> </li> <li class="prop-caract"> <img />"/> <?php _e('APARCAMIENTO','weyketing'); ?><br> <strong><?php echo $prop_detalle_aparcamiento;?></strong> </li> </ul> </div> <div class="col-3-12 mobile-col-1-1 text-right"> <a>" class="boton" title="<?php _e('Ver: ','weyketing').' '.the_title(); ?>"><?php _e('VER MAS','weyketing'); ?> ></a> </div> </div> </div> </div> <!-- // REPEATER --> <?php $contador = $contador + 1; } // end while } // end if wp_reset_postdata(); ?> </div> <script> jQuery(document).ready(function($){ $('.prop-featured-slider').slick({ adaptiveHeight: true, autoplay: true, infinite:true, autoplaySpeed: 7000, dots: true, fade:true, centerMode: true, }); }); </script> <div class="clear" style="height:70px;"></div> </div> <!-- RESULTADOS DE BUSQUEDA --> <div class="section prop-resultados"> <div class="grid grid-pad"> <?php $args = array('post_type' => 'propiedad'); $args['search_filter_id'] = 355; query_posts( $args ); $contador = 1; ?> <div class="resultados-top"> <div class="col-1-2 mobile-col-1-1"> <?php $total_results = $query->found_posts; echo '<strong>'.__('RESULTADOS DE BUSQUEDA:','weyketing').'</strong> '.$total_results.' '.__('INMUEBLES','weyketing'); ?> </div> <div class="col-1-2 mobile-col-1-1 text-right"> <a href="history.back(-1);"><img />/inc/imagenes/iconos/btn-volver.png"/> <?php _e('VOLVER','weyketing'); ?></a> </div> </div> <div class="col-1-1 mobile-col-1-1"> <ul id="propresults" class="prop-items"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); if ( has_post_thumbnail()) { $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'propiedad-thumb' ); $url = $thumb['0']; } else { $url = of_get_option('mb_prop_thumb_default'); } global $propiedad_mb; $propiedad_mb->the_meta(); $prop_id = $propiedad_mb->get_the_value('referencia'); $prop_precio = $propiedad_mb->get_the_value('precio'); $prop_detalle_area_total = $propiedad_mb->get_the_value('area_total'); $prop_detalle_habitaciones = $propiedad_mb->get_the_value('habitaciones'); $prop_detalle_banos = $propiedad_mb->get_the_value('banos'); $prop_detalle_aparcamiento = $propiedad_mb->get_the_value('aparcamiento'); ?> <!-- REPEATER --> <li id="propiedad_<?php the_ID(); ?>" class="prop-item prop-item-0<?php echo $contador; ?>"> <div class="flip-container" ontouchstart="this.classList.toggle('hover');"> <div class="flipper"> <div class="prop-front"> <div class="front-arriba"> <div class="grid grid-pad"> <div class="col-1-1"> <h2><a>" title="<?php _e('Ver: ','weyketing').' '.the_title(); ?>"><?php the_title(); ?></a></h2> </div> <div class="col-1-2"> <p> <small><?php _e('REF.','weyketing'); echo ' '.$prop_id; ?></small> <strong><?php echo number_format($prop_precio,0,',','.'); ?></strong><span>€</span> </p> </div> <div class="col-1-2"> <?php $tipos = wp_get_post_terms($post->ID, 'tipo-operacion', array("fields" => "all")); foreach($tipos as $tipo) { echo '<span class="prop-tipo">'.$tipo->name.'</span>'; } ?> </div> </div> </div> <div class="front-abajo"> <a>" title="<?php _e('Ver: ','weyketing').' '.the_title(); ?>"><img />" alt="<?php the_title(); ?>" class=""/></a> </div> </div> <div class="prop-back"> <div class="back-arriba"> <div class="grid grid-pad"> <div class="col-1-1"> <h2><a>" title="<?php _e('Ver: ','weyketing').' '.the_title(); ?>"><?php the_title(); ?></a></h2> </div> <div class="col-1-2"> <p> <small><?php _e('REF.','weyketing'); echo ' '.$prop_id; ?></small> <strong><?php echo number_format($prop_precio,0,',','.'); ?></strong><span>€</span> </p> </div> <div class="col-1-2"> <?php $tipos = wp_get_post_terms($post->ID, 'tipo-operacion', array("fields" => "all")); foreach($tipos as $tipo) { echo '<span class="prop-tipo">'.$tipo->name.'</span>'; } ?> </div> </div> </div> <div class="back-abajo"> <div class="prop-caracteristicas"> <div class="grid grid-pad"> <div class="col-1-2"> <div class="prop-caract"> <img />"/> <?php _e('AREA UTIL','weyketing'); ?><br> <strong><?php echo $prop_detalle_area_util;?> M<sup>2</sup></strong> </div> </div> <div class="col-1-2"> <div class="prop-caract"> <img />"/> <?php _e('HABITACIONES','weyketing'); ?><br> <strong><?php echo $prop_detalle_habitaciones;?></strong> </div> </div> <div class="col-1-2"> <div class="prop-caract"> <img />"/> <?php _e('BANOS','weyketing'); ?><br> <strong><?php echo $prop_detalle_banos;?></strong> </div> </div> <div class="col-1-2"> <div class="prop-caract"> <img />"/> <?php _e('APARCAMIENTO','weyketing'); ?><br> <strong><?php echo $prop_detalle_aparcamiento;?></strong> </div> </div> </div> </div> <a>" class="boton" title="<?php _e('Ver: ','weyketing').' '.the_title(); ?>"><?php _e('VER MAS','weyketing'); ?></a> </div> </div> </div> </div> </li> <!-- //REPEATER --> <?php $contador = $contador + 1; } // end while ?> <?php navegacion_numerica(); ?> <?php } // end if wp_reset_postdata(); ?> </ul> <div class="clear"></div> </div> </div> </div> </section> <?php get_footer(); ?>
April 17, 2017 at 12:03 pm #103400In reply to: Displaying results
AnonymousInactiveHi Trevor
Thanks for the quick reply. I’m using Make Plus, which has a template for a grid style layout of images and one for posts.
I have a list of venues that I would like to make filterable by location (e.g. region, city, etc). I’d like the filtered results to display as a “grid”, say 3 items per row.
Hope that makes sense.
Cheers
WengApril 7, 2017 at 4:40 pm #102009In reply to: Output ACF Post Object fields in results
TrevorParticipantA lot of that you don’t need. You need to be careful of the type of field you are getting. For example, arrays are different. The ACF online manual is a big help. Below is an example results.php file that gets ACF fields and uses them:
<?php /** * Search & Filter Pro * * Sample Results Template * * @package Search_Filter * @author Ross Morsali * @link http://www.designsandcode.com/ * @copyright 2015 Designs & Code * * Note: these templates are not full page templates, rather * just an encaspulation of the your results loop which should * be inserted in to other pages by using a shortcode - think * of it as a template part * * This template is an absolute base example showing you what * you can do, for more customisation see the WordPress docs * and using template tags - * * http://codex.wordpress.org/Template_Tags * */ if ( $query->have_posts() ) { ?> Found <?php echo $query->found_posts; ?> Results<br /> Page <?php echo $query->query['paged']; ?> of <?php echo $query->max_num_pages; ?><br /> <div style="width:100%;"> <?php while ($query->have_posts()) { $query->the_post(); ?> <div class="result"> <?php if (get_field('property_main_image') != '') { ?> <img />" alt="" width="400px" /> <div class="status"><?php echo get_field('status'); ?></div> <div class="details"> <?php echo '<h4>$' . get_field('price') . ' </h4>'; echo '<p>' . get_field('address') . '<br>'; echo get_field('city') . ', '; echo get_field('state'); echo get_field('zip') . '</p>'; echo '<p class="spex">' . get_field('bedrooms') . ' BEDROOMS | '; echo get_field('bathrooms') . ' BATHROOMS<br>'; echo '<span class="secondline">' . get_field('square_footage') . ' SQ FT | '; echo get_field('garages') . ' CAR GARAGE</span>'; echo '<span>MLS# ' . get_field('MLS') . '</span></p>';?> <div class="linx"> <a href="#"><img src="/CreativeHomes/wp-content/uploads/2016/08/CH_Button_Photos_Grey.png" alt="see photo gallery" /></a> <a target="_blank">"><img src="/CreativeHomes/wp-content/uploads/2016/08/CH_Button_MapPin_Grey.png" alt="google map for location" /></a> <a target="_blank">"><img src="/CreativeHomes/wp-content/uploads/2016/08/CH_Button_Collateral_Grey.png" alt="brochure download" /></a> </div><!--end linx--> <a>"><img src="/CreativeHomes/wp-content/uploads/2016/08/details-button.png" width="122" alt="details" /></a> </div><!--end details--> <div class="interact"> <span><?php the_favorites_button($post_id, $site_id); ?></span> <span><img src="/CreativeHomes/wp-content/uploads/2016/08/check-icon.jpg" />Compare</span> <span><?php if ( function_exists( 'ADDTOANY_SHARE_SAVE_KIT' ) ) { ADDTOANY_SHARE_SAVE_KIT(); } ?>Share</span> </div><!--end interact--> </div><!--end result--> <?php } ?> </div> <?php } else { echo "No Results Found"; } ?>
April 7, 2017 at 2:21 pm #101966In reply to: Custom fields are not working in filter
TrevorParticipantYes, but step one is to ignore Search & Filter results and make a page with the archives as yuo like to style them in Divi, and also the search form only. No need to connect the form yet to results.
April 7, 2017 at 1:10 pm #101949In reply to: X theme – masonry problem
AnonymousInactiveI found this thread: https://theme.co/apex/forums/topic/ajax-plugin-load-issues-with-themex/
Reading it makes me think they’re not very cooperative/helpful when it comes to “third party” plugins. 🙁However I found out that masonry view in X theme makes use of an older version of Isotope: http://isotope.metafizzy.co/
This is how Isotope is called in index:
<?php x_get_view( 'global', '_script', 'isotope-index' ); ?> <div id="x-iso-container" class="x-iso-container x-iso-container-posts cols-<?php echo $cols; ?>">
And it is handled by _script-isotope-index.php:
<?php // ============================================================================= // VIEWS/GLOBAL/_SCRIPT-ISOTOPE-INDEX.PHP // ----------------------------------------------------------------------------- // Isotope script call for index output. // ============================================================================= $is_rtl = is_rtl(); ?> <script> jQuery(document).ready(function($) { <?php if ( $is_rtl ) : ?> $.Isotope.prototype._positionAbs = function( x, y ) { return { right: x, top: y }; }; <?php endif; ?> var $container = $('#x-iso-container'); $container.before('<span id="x-isotope-loading"><span>'); $(window).load(function() { $container.isotope({ itemSelector : '.x-iso-container > .hentry', resizable : true, filter : '*', <?php if ( $is_rtl ) : ?> transformsEnabled : false, <?php endif; ?> containerStyle : { overflow : 'hidden', position : 'relative' } }); $('#x-isotope-loading').stop(true,true).fadeOut(300); $('#x-iso-container > .hentry').each(function(i) { $(this).delay(i * 150).animate({'opacity' : 1}, 500); }); }); $(window).smartresize(function() { $container.isotope({ }); }); }); </script>
-
AuthorSearch Results
-
Search Results
-
I’ve implemented Search & Filter pro on my website (which is still in early stage of development). When I test the functionality, the page refreshes but nothing happens on the frontend.
In the console I see the following message:
[Error] XMLHttpRequest cannot load http://changemycar.nl/zoeken?sf_data=form%2Cvc_results&sfid=809&sf_action=get_data&_sfm_prijs=0+1000&_sfm_Merk=Skoda&sfvc_page_id=803&sfvc_shortcode_id=1494583788363-fd34b16f-94e4-10&sfvc_style=all. Origin http://www.changemycar.nl is not allowed by Access-Control-Allow-Origin.Any clue how to fix this? Site is not https:// , the theme is The7 from DreamTheme (quite out of the box), I load the search form on the site via the Search & Filter Pro VC element.
Search form can be found on: http://www.changemycar.nl/zoeken
All help is highly appreciated 🙂
Hi,
Please see: http://31.7.7.90/~zeilstra/semilo/netwerk/?_sft_channel=eten-en-drinken
On the left there’s the Search & Filter Pro taxonomy filter. I’ve used some css to style the checkbox and the parameters will be shown in the url.
The problem:
Whenever a checkbox is active the plugin add the class ‘sf-option-active’, and when I click the current checkbox again it removes the parameters from the URL but it doensn’t uncheck the checkbox and the class ‘sf-option-active’ is not removed from the ‘li-element’.Problem 2:
When selecting multiple checkboxes the sf-option-active only appplies to one checkbox. In one filter there’s no feature to have 2 active buttons.How can this be resolved?