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, 8 months ago ago by Jack Richardson

  • Avatar: perisweb
    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
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    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
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    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
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    perisweb
    Participant
    June 9, 2014 at 15:02

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

    #6475 Copied
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    perisweb
    Participant
    June 9, 2014 at 15:09

    i see spaces still exists

    #6479 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    June 9, 2014 at 16:01

    Hello,

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

    Regards,
    Eva Kemp.

    #6547 Copied
    Avatar: perisweb
    perisweb
    Participant
    June 9, 2014 at 16:05

    Ok i send you

    Please, contact administrator
    for this information.
    #6549 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: perisweb
    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
    Avatar: Eva
    Eva Kemp
    Participant
    June 9, 2014 at 19:03

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

    Regards,
    Eva Kemp.

    #6564 Copied
    Avatar: perisweb
    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
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: perisweb
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: perisweb
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: perisweb
    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
    Avatar: Jack Richardson
    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
    Avatar: perisweb
    perisweb
    Participant
    June 18, 2014 at 15:22

    Hello,
    Thanks a lot, its what i wanted.

    #7385 Copied
    Avatar: Jack Richardson
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.