Return to previous page

Add Woocomerce Price Filter in Products Page Only

This topic has 26 replies, 3 voices, and was last updated 10 years, 5 months ago ago by Jack Richardson

perisweb

Participant

June 3, 2014 at 21:00

Hello,
I have install legenda and i decide i dont want sidebar in my pages, i manage to deactivate this.
But now i want to show price filter only in products page, when a user chooce category so in left side to see this widget.

Can i manage this?
Thanks a lot

#5878 Copied

25 Answers

Jack Richardson

Support staff

June 4, 2014 at 07:38

Hello,

If you deactivate the sidebar in your Theme Options you have to switch it back.
Then go to Appearance -> Widgets and specify there “Price Filter” for Shop Sidebar widget area. And to disable unnecessary widget areas just place in there empty text widget.

Regards,
Jack Richardson

#5891 Copied

perisweb

Participant

June 9, 2014 at 14:38

Thanks i manage this with your help

One more question, in index page i want to change some css, i manage custom.css and now i want to change Add to Cart or Choose in products-grid.
I see i should write code about :

but where is a class for this style? i cant find it in style.css

i want to remove border around Add to Cart or Choose

#6468 Copied
Jack Richardson

Support staff

June 9, 2014 at 14:46
Hello,

Please add this code into your custom.css to remove border:
```
.button, button, .coupon .button, input[type="submit"] {
  border: none;
}
```
Regards,
Jack Richardson
#6469 Copied
perisweb

Participant

June 9, 2014 at 14:53

thanks a lot

and how can i put static border around whole product? i dont want when user hover product then to appear the border
i want static border around image

#6471 Copied
Jack Richardson

Support staff

June 9, 2014 at 15:00
Hello,

Please add the following code into the custom.css to add border:
```
.products-grid .product {
border: 1px solid #ebebeb;
}
```
Regards,
Jack Richardson
#6473 Copied
perisweb

Participant

June 9, 2014 at 15:02

thanks a lot
and can i put no space between products grid?

#6475 Copied
Jack Richardson

Support staff

June 9, 2014 at 15:06
Hello,

To remove spaces between products add the following code:
```
.products-grid .product {
margin: none;
}
```
Regards,
Jack Richardson
#6478 Copied
perisweb

Participant

June 9, 2014 at 15:09

i see spaces still exists

#6479 Copied

Eva Kemp

Support staff

June 9, 2014 at 16:01

Hello,

Please provide us with FTP and admin panel credentials in Private Content.

Regards,
Eva Kemp.

#6547 Copied

perisweb

Participant

June 9, 2014 at 16:05

Ok i send you

Please, contact administrator
for this information.

#6549 Copied

Eva Kemp

Support staff

June 9, 2014 at 16:40

Hello,

I’ve added the following code:
.products-grid .product {
margin-left: 0 !important;
}

Please check your site now.

Regards,
Eva Kemp.

#6559 Copied

perisweb

Participant

June 9, 2014 at 18:12

ok its good
and if i want no space between 2 product lines, should i put marging-bottom; 0!important;

#6563 Copied

Eva Kemp

Support staff

June 9, 2014 at 19:03

Yes, you should use this code:
.products-grid .product {margin-bottom: 0 !important;}

Regards,
Eva Kemp.

#6564 Copied

perisweb

Participant

June 9, 2014 at 20:33

Thank u very much
i will probably check other css modifications i want and will ask later

#6566 Copied

Jack Richardson

Support staff

June 10, 2014 at 11:00

Hello,

You’re welcome!
We’re always ready to help if you have any questions.

Regards,
Jack Richardson

#6605 Copied

perisweb

Participant

June 17, 2014 at 15:44

Hello guys
one more question
i want to modify buttons,i manage to modify button in index page like a.product_type_variable:hover and a.product_type_simple:hover

i now want to change button when user enter in product details and press add to cart , which css should i change?
i thought it was : single_add_to_cart_button but it doesnt do anything

thanks a lot

#7252 Copied

Eva Kemp

Support staff

June 17, 2014 at 16:32

Hello,

The class for “Add to cart” button is: .single-product-page .product-info .button
For example, .single-product-page .product-info .button {float: left;} makes the button align to the left.
If you have some difficulties please specify what exactly you want to do with the button.

Regards,
Eva Kemp.

#7261 Copied

perisweb

Participant

June 17, 2014 at 20:02

Sorry but i dont see any difference, i want to do something like this that i have manage in index page :

a.product_type_simple:link {color:white; background-image:url(‘myurl/images/button-apoktiseto.png’);background-repeat: no-repeat;font-size:17px;font-weight:bold;}

a.product_type_simple:visited {color:white; background-image:url(‘myurl/images/button-apoktiseto.png’);background-repeat: no-repeat;font-size:17px;font-weight:bold;}

a.product_type_simple:hover {color:white; background-image:url(‘myurl/images/button-apoktiseto.png’);background-repeat: no-repeat;font-size:17px;font-weight:bold;}

#7288 Copied

Eva Kemp

Support staff

June 18, 2014 at 09:12

Hello,

Please provide us with wp-admin panel credentials and describe with more details what you want to do with the “add to cart” button on a single product page.
Thank you.

Regards,
Eva Kemp.

#7343 Copied

perisweb

Participant

June 18, 2014 at 10:55

I send you details, in custom.css i want to do the same like a.product_type_variable and a.product_type_simple

you can see that code in custom.css

Please, contact administrator
for this information.

#7362 Copied

Eva Kemp

Support staff

June 18, 2014 at 11:19

Could you please describe what you want to change?
Do you want to change background/font color and font size of the “add to cart” button?
Please be more specific.
Thank you.

Regards,
Eva Kemp.

#7363 Copied

perisweb

Participant

June 18, 2014 at 12:02

The main thing i want to do is to change image in button, i want to put the same as a.product_type_simple:link in custom.css also i want to put another image in hover like a.product_type_simple:hover

also in same button i want to change color and font size

but i think i can manage those things when i put the image in this button

#7364 Copied

Jack Richardson

Support staff

June 18, 2014 at 13:17

Hello,

We’ve made some changes in your custom.css. Is it working fine now? Please check!

Regards,
Jack Richardson

#7367 Copied

perisweb

Participant

June 18, 2014 at 15:22

Hello,
Thanks a lot, its what i wanted.

#7385 Copied

Jack Richardson

Support staff

June 18, 2014 at 15:31

Hello,

You’re welcome!

Regards,
Jack Richardson

#7386 Copied
Viewing 26 results - 1 through 26 (of 26 total)

The issue related to '‘Add Woocomerce Price Filter in Products Page Only’' has been successfully resolved, and the topic is now closed for further responses

Add Woocomerce Price Filter in Products Page Only

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection