You are here:  » Wordpress sidebar filter?


Wordpress sidebar filter?

Submitted by jbdob on Mon, 2012-07-02 07:57 in

Hello,

I don't know for sure, since i have read and saw something about a sidebar filter, but not specific for wordpress, or i have not looked good...

Anyway,excuse me for that since i am just around here.

Here is mine question.

Is it possible to have a sidebar widget in wordpress that when someone has made a serach for a product, a sidebar filter appears where the customer further can customize his search with filters such as: price , brand etc. Just like the sidebar feature of the standalone version of Tapestry.

If not how can i accomplish this?

I read something about url configuration, but that seems to me a tedious task to do manually, or am i looking that wrong?

Submitted by support on Mon, 2012-07-02 10:47

Hi,

Yes! Sidebar Filters are already built into PriceTapestry.org as a "widget". Go to wp-admin > Appearance > Widgets and there you will find the widget "PriceTapestry.org Search Filters" which you can drag to the required widget area...

Cheers,
David.
--
PriceTapestry.com

Submitted by jbdob on Mon, 2012-07-02 15:13

David,

Thanks! didn't saw that one....

:)

Submitted by fstore on Sun, 2012-07-15 12:09

David
Please ignore my previous message, My html section was empty this is why filter form was not appearing...

Is there any way to control the width if the filter form? On my side half of the filter form is hidden.

I added this code into the search filter html section.

<div class='pto_search_filters_widget'>
{code saved}

Submitted by support on Sun, 2012-07-15 14:05

Hello Hassan,

You should be able to control the width via the .pto_search_filters_widget class in wp-content/plugins/pto/resources/pto.css however bear in mind that it will also (I think) depend on how your theme controls the width of the widget area to which you added the filters widget. Look for the following code at line 15:

.pto_search_filters_widget {
}

...and within that definition add the width required e.g.

.pto_search_filters_widget {
  width: 150px;
}

(make sure that your template HTML ends with </div> as I notice it was included in your post)

Don't forget when modifying CSS to do a hard refresh in your browser (CTRL+F5) to ensure that all resources are reloaded...

Hope this helps!

Cheers,
David.
--
PriceTapestry.com