blank page shown when running filter

update if it helps.

the shop pages are all custom pages using the divi theme and the divi shop module (this works on another site)

When I use a default woo product cat page and drop the filter plugin on the sidebar, it works ok, so it doesnt seem to matter how the proucts were put on the site.

How do I get this plugin to work on custom shop pages?

managed to get the price filter to work, by adding the following to my custom css:
can someone help get the rest going for me please:
found css on github
.price_slider{
margin-bottom: 1em;
}
.price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.price_slider_amount .button {
font-size:1.15em;
}
.price_slider_amount .button {
float: left;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 0.9em;
height: 0.9em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.25);
cursor: pointer;
background: #e7e7e7;
background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
outline: none;
top: -.3em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}
.ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size:.7em;
display: block;
border: 0;
background: none repeat scroll 0 0 #FF6B6B;
box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
-webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
-moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #1e1e1e;
background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
background: -webkit-linear-gradient(#1e1e1e,#6a6a6a);
background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}
.ui-slider-horizontal {
height:.5em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}

I have 3 other woo online shops that require a filter plugin, I would like to buy something I know that works, can someone please have a look at this for me please.

There must be other websites using custom pages for their shop that have had the same issue.

Thanks in advance

Hello

To show product on custom page use shortcode [woof_products] – https://www.woocommerce-filter.com/shortcode/woof_products/

hi, thanks.

I think I tried that, I will test and come back.

There is no filter shown and that only places the products on the page, i already have the products on the page using a seperate shop module. how do I filter within this?

what would be the shortcode to use to produce the following:

My shop pages are split into categories, ie Dresses shows dresses only and has a cat id of 199.
The dresses page has the dresses displayed, I dont need a shortcode to display the products.
How do I filter the products that are displayed already on the page.

I may be asking silly question, but when I tested this on another site, built the same way, the plugin worked right out of the box.

Hello

the plugin worked right out of the box. – Yes it should work on a standard category page

If you use custom page :
To show product [woof_products taxonomies=”product_cat:199″]
To show correct filter [woof taxonomies=”product_cat:199″]

Hi,

Thanks for getting back to me.
I have those shortcodes on the page and now when I go to the page, it comes up with message: “No products were found matching your selection.” this is before i run a filter.

And on the filters themselves, it shows the product seizes etc, but they are greyed out and so is price filter it has no pricing to slide to select.

Can you take another quick look please, i would appreciate it.

I changed the price filter slider to the woo slider rather than the ion range slider and this seems to make the price filter work.
Still no joy with the other parts to the filter though.

When looking at the dropdown for the product cats on filters, there are no numbers next the product cats, its not finding them.

ok, the issue seems to have been the quotes “” when copied and pasted they comeout slightly different, re-trped quotes and the filter seems to work, just not as I would like.

It is still placing all the prod-cat ie 199 on the page, even though they are already there, so its not filtering out the existing shop items, it is filtering out the items placed by the shortcode. (if that makes sense)

When you go to page:
https://violetqueen.co.uk/nights-in-at-violet-queen/

The 1st 10 items are the ones controlled placed by shortcode and the filter underneath, then there is my custom shop module. With the items i want filtered.

I have 70-odd shop pages all designed, I dont want to not use them due to the filter not filtering out the items already on page.

just heads up, I use the divi theme by elegant themes that has its own shop module within the builder, I use this and style it.

Hello

It is still placing all the prod-cat ie 199 on the page, even though they are already there, so its not filtering out the existing shop items, it is filtering out the items placed by the shortcode. (if that makes sense) – I suggest you watch the videos – https://www.woocommerce-filter.com/video-tutorials#video_beGT6p_look AND https://www.woocommerce-filter.com/video-tutorials#video_kmrp4dAsrrw

To show products on a custom page, use only one shortcode (remove all functions that display the products on this page)