[Resolved] Woocommerce filters in sidebar and layout (view)

[Author]

Posts

[goranZ]

Is it possible to use standard Woocommerce filtering widgets (by attributes and pricing) in combination with layouts and views? Please see pic 1.jpg.
If yes, I don't know how to setup layout views combination, what is neccesiary to add in views (custom search, loop)?

And I have problem with formating padding and margin in layouts, where is possible to add css for top, left margin of row?

[Luo Yang]

Dear Goran,

Q1) use standard Woocommerce filtering widgets (by attributes and pricing) in combination with layouts and views?
There isn't such a built-in feature within Views, I suggest you follow our document to setup a view with custom search form, and display the search form in the sidebar area:
Building Custom Searches for Any Content Type
https://toolset.com/documentation/user-guides/front-page-filters/
4.1. Adding the custom search form to a page or widget
https://toolset.com/documentation/user-guides/front-page-filters/#4-1-adding-the-custom-search-form-to-a-page-or-widget

Q2) where is possible to add css for top, left margin of row.
You can put your custom CSS codes insider the view, section "Loop Output Editor", click "CSS editor", see our document:
https://toolset.com/documentation/user-guides/adding-custom-css-views/

[goranZ]

Dear Luo,
Q1)
I solved the problem inserting wordpress archive...
But when I insert sorting in it..there is some problem...maybe bug in toolset or so...
Please see on: hidden link
When I click on sorting items (naziv - sorting by name...and cijena - sorting by woocommerce price), some filed disapier...and sorting don't work..

[Luo Yang]

in case there is any compatibility problem, please try this:
1) deactivate other plugins and switch to wordpress default theme, and test again
2) If the problem still persists, please provide a database dump file (ZIP file) of your website in below private detail box, also point out which one is the "some filed disapier", I need to test and debug it in my localhost, thanks

[Luo Yang]

Thanks for the details, I can download the file, will feedback if there is anything found

[Luo Yang]

Here are what I found,
Q1) sorting don't work
in the wordpress archive "WParhivaZaUmetanje", you are going to sort the result by custom field "views_woo_price", since the custom field "views_woo_price" is a numeric field, so you will need to setup the sorting settings as numeric, see screenshot:
sortby.JPG

and test again.

Q2) I have problem with "simple" search field..please see screenshot2...
It is a the new question, the Views wodpress archive only works in the content area of archive page, other part of the content area are outputted from your theme files, screenshot2 should be wordpress built-in search result, if you are going to output the sidebar same as your shop page "dodatna-oprema", you will need to edit the theme file, for example search.php, customize it to what you want.

If you still need assistance for it, please create new thread for the new question, that will help other users to find the answers.

[goranZ]

Dear Luo,
again thanx for your answer..
Q1) help me partially...
I setup numeric fild "views_woo_price" as numeric, and in some woocomerce categories sorting is nice..but in one is not ok...
please see image "sorting1"
(link: hidden link )

Q1a)
And ...I have still problem with ajax result filter updating...please see pics: filtering1, filtering2

Q2) I resilve adding search box in archive layout..i hope client will be satishied

[Luo Yang]

We can handle the questions one by one, I checked the database dump file you provided, there isn't page "kategorija-proizvoda" or page "dodatna-oprema", so I am not sure how do you setup this page:
hidden link

It seems that you have already update your own website, same as above, please try this:
1) deactivate other plugins and switch to wordpress default theme, and test again
2) If the problem still persists, please provide a database dump file (ZIP file) of your website in below private detail box, I need to test and debug it in my localhost, thanks

[Luo Yang]

Thanks for the details, I am downloading the file, will feedback if there is anything found

[Luo Yang]

Here are what I found,
I assume we are talking about the wordpress archive "WParhivaZaUmetanje", you are going to order the result by custom field "views_woo_price", please check these:
1) Edit the wordpress archive "WParhivaZaUmetanje", in the content template "Loop item in WParhivaZaUmetanje", add a shortcode to render the value of custom field "views_woo_price", for example:

<div class="">views_woo_price: [wpv-post-field name="views_woo_price"]</div>

2) Test the page again:
hidden link
You should be able to see the value of "views_woo_price", they are in ascending order, see screenshot views_woo_price.JPG

3) According to our document:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-woo-product-price
[wpv-woo-product-price] shortcode will be able to output results:
For Normal products, the price will be displayed.
For On-sale products, the old price and new price will be displayed.
For Variable products, the lowest price for a Variation will be displayed, preceded by the text “From”.

4) Seems you have changed the product price recently, you can update the field "views_woo_price" value manually, for example:
Dashbaord-> Toolset-> Woocommerce View

Option choose "Static Product Fields for Parametric Searches" choose "Manually", click button "Calculate Now", and test again