-
Search Results
-
Topic: SEARCH & FILTER PRO STYLE
Hi, i would like to create a filter menu like the one seen on https://www.wonderlandmodels.com/models/
My shop page is https://legendary-models.com/shop/, and i would like to use white background with black text and borders.
In addition, the search and filter pro form is appearing during checkout process and in the cart, effectively its appearing in all WooCommerce pages, however i would like to display it on product catalog pages only.
Look forward to reply
Hi, I’m trying to filter tire types (products in Woocommerce) from Advanced Custom Fields Pro using Search and Filter Pro – The fields are brand_item, tyre_build, sidewall_style, and tire_rim_diameter. I have read the notes for searching Advanced Custom Fields in Woocommerce, and some searches are working well others are not?
I have not used Search and Filter Pro before, are there any setup examples that would help me?
Do I need a separate search form for each group of fields?
Under Settings and Defaults, how do I set the Post Meta conditions?https://prnt.sc/vodelo Hi, by default I want to active Projections taxonomy when a user comes to this page. Is it possible then how?
here is my code:
<?php /* Template Name: analysis */ get_header(); $ourCurrentPage = get_query_var('paged'); $args = array( 'post_type' => 'analysis', 'post_status' => 'publish', 'posts_per_page' => 10, 'taxonomy' => 'projections', 'paged' => $ourCurrentPage ); $args['search_filter_id'] = 1605; $the_query = new WP_Query( $args );?> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/venobox/1.9.1/venobox.min.css" integrity="sha512-e+0yqAgUQFoRrJ4pZigQXpOE0S7J9IGwmgH801h4H5ODqOCG8/GRfXHQ+9ab754NL79O7wDwdjwY3CcU8sEANg==" crossorigin="anonymous" /> <style> .f1p{display:flex;flex-wrap:wrap;max-width:900px;margin:auto;}.grant-parent{width:30%;margin:1%;padding:15px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;}.heding.ccount{font-size:15px;margin-bottom:0px;}.pagination{width:100%;} </style> <div class="f1b-main" style="padding-top:30px;"> <?php echo do_shortcode('[searchandfilter id="1605"]'); ?> <div class="f1p"> <?php if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <?php $image = get_field( 'image' );?> <div class="fl grant-parent"> <P class="heding ccount"><?php echo get_field( "date" );?></P> <?php foreach((get_the_terms( $post->ID, 'analysis' )) as $category){ echo "<p><a class='venobox' data-gall='$category->name' href='$image' data-title='the_title()'><img src='$image' /></a></p>"; } ?> <p class="heding ccount" title="<?php the_title(); ?>"><b><?php the_title(); ?></b></p> </div> <?php endwhile; ?> <div class="pagination"> <h2><?php echo paginate_links(array( 'total' => $the_query->max_num_pages )); ?></h2> </div> <?php else : ?> <div class="not-found"> <p><?php _e( 'Sorry, no products matched your criteria.'); ?></p> </div> <?php endif; ?> <?php wp_reset_postdata(); ?> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/venobox/1.9.1/venobox.min.js" integrity="sha512-6mm1Gra+9mSztlk6Q45F1soEHmkduyd2ponCIWNo5pr0lgcr8d79GQjQ3Nw0uRR3/+y/OZGklAi38yE1QSNpCw==" crossorigin="anonymous"></script> <script> jQuery('input[value="projections"]').trigger( "click" ); jQuery('.venobox').venobox(); (function($) { "use strict"; jQuery(document).on("sf:ajaxfinish", ".searchandfilter", function() { jQuery('.venobox').venobox(); }); }(jQuery)); </script> <?php do_action( 'kadence_single' ); get_footer();
Hi,
we use the Search & Filter Pro on our website to filter a custom posttype (sneakers) with 5 taxonomies (brand, model, color, target audience, age). We created a custom archive for each of these 5 taxonomies.
We only created one “search form”.In the archive for a specific model for example we call the Search & Filter Pro filters using :
$sf_current_query = $searchandfilter->get(7183946)->current_query();
We get a nice list of sneakers that match the current model. But what it also shows if we call the filter using a shortcode (<?php echo do_shortcode( ‘[searchandfilter id=”7183946″]’ ); ?>) – so we can filter on color, target audience and age, the brand and model also are there. From a user experience we find this obsolete so we have hidden it using css override in the archive page :
<style>
select[name=”_sft_brand[]”] {
display : none;
}
select[name=”_sft_model[]”] {
display : none;
}
</style>Unfortunately this results in our page having a lot of (irrelevant) DOM elements which we would like to exclude. This is because all brands and models are still available in the filter (while hidden using CSS). Please note we have a lot of brands and models and we want to keep the page as clean as possible.
How can we achieve this? Is there a way we can eliminate the DOM elements of brand and model on this particular taxonomy archive? For example on the model taxonomy we want to filter out the brand and model and on the brand page we want to disable the brand.
Mark
PS. Please check https://www.solezilla.nl/model/nike-air-max-90/ for an example
Hey!
I’m successfully using your plugin with my Newspaper theme after following your advice to install the additional WP Bakery plugin that is necessary to make it work.
https://urban-digital.de/smart-city-projekte/The only problem now is that I cannot customize the layout of the displayed results. For building the page with my Newpaper theme I inserted the shortcode “[searchandfilter id=”9936″ show=”results”]” to display the results.
Can you help me please to customize the layout like this?
https://ibb.co/dgR7cTFThank you!