Okay
  Public Ticket #3060618
Product filter cancelling
Closed

Comments

  •  6
    mnikolett1982 started the conversation

    Hi there again! :) 

    We are only one week ahead from launching our new bookstore site, and we have noticed some more issues. 

    1. There is a good product filter, which we basically like, but there is NO option for canceling the filters. 

    We find out, that a double click would be needed to have the actual filters be canceled, but it is not really obvious for everyone. 

    Is there any chance to solve cancelling the filters? For example with a "cancel the filters" button, or sg. like this? 

    https://www.martakonyveshaz.hu/konyvek/

    Thank you,
    Nikolett

  • [deleted] replied

    Hi Nikolett,

    Your site looks very nicesmile.png

    As for your problem, I'm afraid that I can't understand your question very well. Can you please record a video of this problem so I can see it and then give you an answer about that?

    Thanks!

  •  6
    mnikolett1982 replied

    Hi, 

    Thanks! We are still working on it, but I also like it. 

    Unfortunatelly I'm unable to record a video, but I try to explain. 

    When I go to the Woo store page (https://www.martakonyveshaz.hu/konyvek/), there are some filter options on the left handside. 
    1. categories
    2. filter by authors 
    3. Filter by format
    4.. etc.

    Whan I click for example on one of the filters, like CD-audio, the sites only shows that products what have this filter, which is OK. But after that I can not clear that filter, just with a duble click on that very same filter name (CD-audio). My question is: is there any other way to clear the filters than double click? Like a "clear filter button", or sg. like this? 

    ---------------- 

    I would have another question: 

    How can I change the color of category icons background, and the menu items text color? 

    I tried to find these options in the theme options, but I didn't find it. 

    Can you help with this? 

    Thank you in advance!

    Nikolett


    8180641846.png

    3833123396.png


  • [deleted] replied

    Hi Nikolett,

    1— This is the default behavior that WooCommerce offers and we kept that area unchanged. If you want to have a different filter structure and the functionality that you are describing, you can try the "Product Filter for WooCommerce" plugin that we offer for free in Kalium theme.

    You can install this plugin in the Laborator > Plugins area (more info here).

    We have used this plugin in the Automotive demo (here).

    2— To make the Bookstore demo more special we have added some CSS codes in the Appearance > Theme Editor > Stylesheet (style.css) area. In this case, to change the background color of your categories you can find this area:

    .woocommerce .shop-categories .product-category img {
        border-radius: 50%;
        background-color: #76323f;
        padding: 8px;
        border: 5px solid #FFF;
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    and change the #76323f to your own favorite color such as #a67e40.

    You can also find all the #76323f codes and replace them with the color that you want.

    Have a nice day!

  •  6
    mnikolett1982 replied

    Hi, 

    1- Thanks, I will try another soultion. 

    2 - I have changed the #76323f to #1f819f in that area you suggested + in some other places within the Kalium bookstore css, but nothing happened. The color didn't change on the site. What can cause this? Can you help with this? 

    Thanks, 

    Nikolett

  • [deleted] replied

    Hi Nikolett,

    2— It seems that your server is caching your site and changes can take time to appear, so I moved the custom CSS codes to the Custom CSS area for you.

    Now those changes are appearing as it should.

    See video: https://d.pr/v/VTK5Yo

    Thanks!

  •  6
    mnikolett1982 replied

    Now I see the changes. :) 

    Thank you. 

    Nikolett

  • [deleted] replied

    Hi Nikolett,

    Happy to hear that this is now resolvedsmile.png

    Have a great day!