WooCommerce Results Page Problems

Anonymous

#23075

I can’t get the search results page to look like the WooCommerce Product archive page.

The Search results page looks like the Blog archive page.

This worked better in the free version. At least then I got a results page that looked like the WooCommerce archive page.

$20 spent and it seems to be worse.

Anonymous

#23139

I have the same issue.

I am able to use custom.css for my power search form layout no problem. but when I do a search, the Woocommerce layout that is returned appears to not contain the CSS from my normal woocommerce pages.

How do we go about adding css to the woo products that are returned in search results?

If I can fix this I will be keeping the plugin, if I can’t fix this I will need to ask for a refund.

Thank you!

Ross Moderator

#23188

Hi both

So to explain the difference between free & pro see here:

https://support.searchandfilter.com/forums/topic/free-version-working-better-than-pro/#post-22633

Hopefully you’ll understand why things are different and how they work.

Just so you know, S&F 2.0 now works directly on your woocommerce shop page – which makes life a lot easier – I can send you both the beta?

@john – I don’t think this is an issue with this plugin – its the nature of ajax – when you load a page, you get the classes etc are on the current page. Performing an ajax request only replaces content – not CSS on the body of the page – which is what you need – so you either need to add the woocommerce classes to the S&F page or you need to add them with ajax.

Either way you are able to do this with WP: https://support.searchandfilter.com/forums/topic/woocommerce-integration/#post-9931

and for a JS hook head here: http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/

So you both know (there is a notice at the top of this page), there is limited support (I’m away) for the next week – but I’ll check back here if you want the betas.

Thanks

Anonymous

#23200

Thanks for the info Ross.

What I ended up doing was taking the taxonomy archive cat.php file from Woocommerce and copying and pasting it into my theme.

Then I told S&F to use that template file and it now works and returns results exactly like my Woocommerce site.

My question now is how can I make specific CSS changes to the S&F page specifically without effecting any other Woocommerce CSS on my site? I noticed that in my breadcrumbs on the S&F results pages that it says “Blog” does S&F use the blog page to return search results? I am kind of confused about that and would like to make a few tweaks on CSS only on the results page, can you tell me how to do that?

Thanks so much for your quick support, I really like the plugin thus far.

John

Anonymous

#23201

I need to be able to place the search fields on the Home page of my site.

The results page needs to be a WooCommerce product archive page so things like “Showing 1 – 35 of 55” and the “Sort by” dropdown are showing.

Also, the WooCommerce filtering widgets do not show on any page except for the “product/category” pages. So the results page needs to be one that shows the WooCommerce filtering widgets.

The Free version returned results on a WooCommerce page that had all those things. The Problem with the Free version is that it can’t limit the categories it searches/shows.

I tried John’s solution by using the “taxonomy_archive_cat.php” file but it didn’t return the needed page. It was close, but lacked the WooCommerce Filter Widgets, Sort By, and the Showing number of products parts. So it was close, but no cigar.

Ross Moderator

#23226

Hi guys

@dana – perhaps its best I send you the Beta? Its designed to make woocommerce integration a lot easier.

@john, if you see the first link I sent you – it has an example how to add classes to the body tags for S&F pages (in the link I sent you we were adding woocommerce classes to the page – but you can add any class you want),

Thanks

Anonymous

#23260

My issue is very small.

It is the add to cart buttons …

On the woocommerce archive pages it loads perfectly with the CSS I use. I am using the same exact template for S&F results as the template for my Woocommerce product results.

So I don’t understand why I need the CSS on the woo search results page, but when I disable the CSS on the S&F results page the add to cart buttons are laid out properly …

How can I remove the CSS I have for the add to cart buttons only on the S&F page and why is this needed?

The CSS is

a.button.add_to_cart_button.product_type_simple {
margin: 0px 0px -22px -16px !important;
}

Thanks for all of your help!

John

Anonymous

#23293

So I have sort of figured this out – the body classes –

Search and Filter Search Results Page –

<body class=”blog gecko alt-style-default boxed-layout two-col-right width-930 two-col-right-930″>

Woocommerce Archive Product Results Page –

<body class=”archive tax-product_cat term-afghan term-297 woocommerce woocommerce-page gecko alt-style-default boxed-layout two-col-right width-930 two-col-right-930″>

So the Search and Filter template needs those body classes that are missing, I see the code in your link but just so I don’t mess anything up can you confirm what the code should look like in my case?

Thanks so much for your help!

John

Anonymous

#23310

This reply has been marked as private.

Ross Moderator

#23821

@Maximillian – I sent this to you just now.

@John – did you manage to get this sorted?

Thanks

[Author]

Posts