Mini Shopping Cart Display on Mobile Device hovereffect doesnt work

  • Posts: 11
  • Thank you received: 0
4 years 6 months ago #311454

-- url of the page with the problem -- : www.naturstein-biermann.de/pflegeprodukte-shop
-- HikaShop version 4.2.1 Business
-- & Joomla version& 3.9.0
-- PHP version -- : 7.2.19
-- Browser(s) name and version -- : firefox developer

Hello, everybody,

I have the following problem:


  • Article will be added to shopping cart
  • Article is displayed in the top right corner of the mini-shopping cart via dropdown menu at Hover
  • On the Ipad he leaves the mini shopping cart open after the first click (via finger)
  • on the mobile phone does not use the redirection
    • at the first click

    However, the customer wants the mini shopping basket to remain open on the mobile phone so that the customer can delete items from it if necessary.

    How can I design this? Unfortunately, my current abilities and skills stop here....

    Link to the page
    Care products shop

    If this is not possible on Touchdevices, how can I disable it?

    Thank you very much.

    Best regards
    SchmidtSon

    Last edit: 4 years 6 months ago by SchmidtSon.

    Please Log in or Create an account to join the conversation.

    • Posts: 81515
    • Thank you received: 13069
    • MODERATOR
    4 years 6 months ago #311456

    Hi,

    Try to add the code:

    ontouchend="window.hikashop.toggleOverlayBlock(\'hikashop_cart_dropdown_'.$module_id.'\', \'hover\'); return false;"
    after the code:
    onmouseover="window.hikashop.toggleOverlayBlock(\'hikashop_cart_dropdown_'.$module_id.'\', \'hover\'); return false;"
    in the file "cart" of the view "product" via the menu Display>Views.
    On my end it solves the problem.

    Last edit: 4 years 6 months ago by nicolas.
    The following user(s) said Thank You: SchmidtSon

    Please Log in or Create an account to join the conversation.

    • Posts: 11
    • Thank you received: 0
    4 years 6 months ago #311486

    Ok, I changed the settings in the module and disabled the hover effect. Now it only works with a click and then with a new click on Checkout.
    But now I have another question: How can I activate the delete and quantity button in the shopping cart in the mobile version?
    Best regards,

    Patrick

    Please Log in or Create an account to join the conversation.

    • Posts: 81515
    • Thank you received: 13069
    • MODERATOR
    4 years 6 months ago #311488

    Hi,

    So you need to activate the setting to always display them, and then, you can use CSS code to hide the elements when you don't want them.
    You can use the @media CSS tag to target only big screen resolutions:
    stackoverflow.com/questions/6370690/medi...op-tablet-and-mobile
    And then, in the @media block, you can use a CSS on the class of the element you want to hide with a display:none;
    www.hikashop.com/support/documentation/1...ize-the-display.html

    The following user(s) said Thank You: SchmidtSon

    Please Log in or Create an account to join the conversation.

    Time to create page: 0.059 seconds
    Powered by Kunena Forum