AnonymousInactive
Hello I’m running a woocommerce website, there is a number of problems atm:
1.- Showing blog posts along with products. I need to only display products using that tags.
Setting of Search Form:
Search in the following post types: Only checked Products checkbox.
When clicking a tag
Im getting this url:http://arentalocal.mx:8080/result/?_sft_post_tag=dress
I think this should be the url: http://arentalocal.mx:8080/product-tag/fashion/
2.- Incorrecto result page
Where should I add the results shortcode?
In archive-product.php?
Hi Julian
To get S&F results to look like woocommerce results we must use some of the templates from woocommerce – mainly the “archive-product.php” template, as well as manually adding the woocommerce classes to the body tag – check some similar topics with this info: https://support.searchandfilter.com/forums/search/archive-product/
I am planning a release where S&F will work directly on the products page 😉
Thanks
Hi Alberto
To answer your questions:
1) Modifying the look of S&F should be just the same as with anything using CSS – although, you must be aware the order the CSS is loaded in, if CSS from your theme is loaded after CSS from Search & Filter then its really easy, if it is the other way round then you might need to add !important to your CSS rules.
Info on horizontal can be found here: https://support.searchandfilter.com/forums/topic/horizontal-layout/
2) To get S&F results to look like woocommerce results we must use some of the templates from woocommerce – mainly the “archive-product.php” template, as well as manually adding the woocommerce classes to the body tag – check some similar topics with this info: https://support.searchandfilter.com/forums/search/archive-product/
I am planning a release where S&F will work directly on the products page 😉
Thanks
AnonymousInactive
Thanks so much for your help. The new woocommerce functionality sounds great.
I attempted to figure out the different page templates being called, but found all pages seem to use the same class post-type-archive-product.
However I did find this solution and attempted to follow it (I’m using Avada):
http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/#h-bad-template
I couldn’t find the code snippet mentioned in search.php, so I assume Avada has updated that code.
Any chance you happen to know how to fix this issue in Avada? I seem to have 3 states for my shop page
1) Landing page, without filters selected (small icons)
2) select filters, results are formatted using archive.php, (medium sized icons)
3) unchecking filters brings up a third display which is not good
In the end, I just want all 3 states to display as LIST before and after filters are selected (once I figure out how to do that). Any help is greatly appreciated!
Thanks!
Michelle
Hey Stefania
If you wish to use a regular page template for displaying results (like archive-product.php you mention above) then use must use the archive method.
If you are using the shortcode method, and know some html/css, then you can copy the html structure and use it in results.php…
For woocommerce styling, and the correct CSS to be applied, please view the source of the page when on product archives and you will notice woocommerce is adding some classes to the <body> tags for layout purposes – you need to copy the same classes over using the method described here:
https://support.searchandfilter.com/forums/topic/wp-4-2-1-update-affecting-plugin/page/2/#post-17059
Thanks
Hi Dennis
This demo is made using the archive method and woocommerce – so it is using a layout that comes with woocommerce…
It using this template:
https://github.com/woothemes/woocommerce/blob/master/templates/archive-product.php
You must copy this into your theme folder (you should take a copy from your woocommerce folder) and use it as the template as described here for setting up S&F using archive method:
http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/as-an-archive/
Once this is complete, your layout still might not be as desired, this can sometimes be because of the class on the <body> tags, you will need to see which your product archive is using and use the methods described here:
https://support.searchandfilter.com/forums/topic/wp-4-2-1-update-affecting-plugin/page/2/#post-17059
Thanks
AnonymousInactive
Hi Ross 🙂
I read in this forum that the best template to use for woocommerce is archive-product.php.
I’m using the shortcode method, but I don’t understand if I have to modify my results.php page in order to look like archive-product.php (using woocommerce functions, such as do_action( ‘woocommerce_before_shop_loop’)) or if it’s simply a matter of css.
Now my search works, but the results are in list and not in grid.
I’m trying to understand by reading your guide here
https://support.searchandfilter.com/forums/search/woocommerce-page/
Is it a good start? 🙂
AnonymousInactive
Ross,
The test page (http://door2doortyres.co.uk/test_page/) and the home page “Ultra Quick Search” are now both set up the same way – archive, using archive-product.php, same settings.
But I am aiming to get a format of results like the shop page – http://door2doortyres.co.uk/warehouse/
AnonymousInactive
Ross,
I have used that template (now in the child theme folder) and it’s called archive-product.php btw. That is the one currently seen in the test_page (very like the same results from woocommerce.php) but there is still something I am missing. I am getting a list rather than the grid.
AnonymousInactive
Hi,
I had install S&F plugin and used it as a widget in sidebar,
but when selecting an option to filter, it fail to search. (please refer to the printscreen)
1.
http://content.screencast.com/users/Yan.J/folders/Jing/media/4becd638-1e54-4dbc-a8f6-4d6abbe2ee41/2015-04-17_1549.png
2.
http://content.screencast.com/users/Yan.J/folders/Jing/media/62ed237b-46d0-4810-a7b2-b0e4b57aec34/2015-04-17_1549.png
And if I key in a keyword to search, it will shown:
1.
http://content.screencast.com/users/Yan.J/folders/Jing/media/0d6a61a4-b4bb-4548-879a-132a8513f777/2015-04-17_1551.png
2. And I click the magnifier icon, the result will shown in post format.
http://content.screencast.com/users/Yan.J/folders/Jing/media/7e79bc3b-6375-4831-8871-a522ad013090/2015-04-17_1551.png
I had tried set the template as search.php / archive-product.php / taxonomy-product_cat.php but it still not work.
Theme used: Une boutique
Can you please guide me how to fix it?
Thanks.
