Filter dropdown list item selection issue

  • Resolved morgo75

    (@morgo75)


    7 years, 10 months ago

    Hello, in order to select an item in a Yith Woocommerce Ajax Product Filter dropdown list on this page of my website:

    https://www.oneshotoilershop.com/product-category/lubrication-system-parts-kits/lubrication-system-parts-kits-for-milling-machines/

    it’s necessary to place the mouse pointer directly over the item text before clicking on the item.

    If the mouse pointer is not placed directly over the text, but is instead positioned to the right of the item text such that the item is (apparently) selected, the filter will not activate when the mouse is then clicked.

    The problem that I have with this behaviour is that it could lead to some users thinking that there is something wrong with a dropdown list filter if they click on an item in the filter without firstly placing their mouse pointer directly over the item text. This of course could potentially lead to lost sales, which is obviously undesirable.

    I have tried to mitigate this shortcoming by mentioning in the text instructions above the filters that the mouse pointer needs to be positioned directly over a filter item before clicking on the item. However, this assumes that all users will carefully read the instructions, which is unlikely.

    In my opinion, it would be preferable to be able to select an item even if the mouse point is not positioned directly over the item text.

    So, my question to Yith is: Is there any chance that you could modify the operation of the dropdown list filters that addresses the above-described issue?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi @morgo75,

    this problem are related to your theme.
    however, I think that I can fix it by a css rules but your website seems to be down because return me a Error 524 – timeout.

    Please, let me know when I can access again to your website.
    Thanks
    Have a nice day
    YITH

    Thread Starter morgo75

    (@morgo75)

    Hi,

    Thank you for your response.

    The website should now be available. Please note however that it may be a little slow as we are presently having page loading speed issues that are apparently being caused by the activation of the Geolocation (with page caching support) feature in Woocommerce (you wouldn’t by any chance have struck a similar issue and know the fix for it, too?).

    Thank you.

    Plugin Author YITHEMES

    (@yithemes)

    Hi,

    now works.
    Go in YITH Plugins > Ajax Product Filter > Custom Style and add this css rules:

    .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li a, 
.widget .yit-wcan-select-open {
    width: 100%;
    display: block;
}

    Let me know if works.
    Have a nice day
    YITH

    • This reply was modified 7 years, 9 months ago by YITHEMES.
    Thread Starter morgo75

    (@morgo75)

    That seems to have fixed that particular issue. Good work!

    By the way, instead of inserting the code into the filter’s custom style area, I inserted it into my child theme’s css file so that the code won’t disappear with subsequent updates to the plugin. I assume that this is the correct approach?

    Thank you.

    Plugin Author YITHEMES

    (@yithemes)

    Hi @morgo75,

    Sure, it’s the same. However, the custom style of ajax product filter plugin are stored in database, you don’t lost anything during update.
    However, if you use child theme it’s ok to add the custom style in child theme!

    Godd Works.
    I set this ticket to solved, ok ?
    Please give us a review (I hope 5 star…) if you like our plugin and our support.

    Thanks
    Have a nice day
    YITH

    Thread Starter morgo75

    (@morgo75)

    Yes, that’s fine. Thank you very much.

    I’ve just submitted my 5 star review.

    Plugin Author YITHEMES

    (@yithemes)

    Hi @morgo75,

    thanks to you!
    Have a nice day
    YITH

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Filter dropdown list item selection issue’ is closed to new replies.