zenmor

i was being silly

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.

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.

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.

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.

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.

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?

hi, thanks.

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

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

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;
}

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?

wrong info in fault, re-logging

contact your hosting company, if i get an Ip block on my sites, its only a temp thing, say 15mins then it lets me back in.
I would also rename plugins folder to pluginsold, refresh your page and try and login, if you can, then you know its a plugin issue

to make sure i would go and rename my plugin folder and refresh the page, worth contacting your hosting company too

do you have any security plugins installed?