How to Disable the Cart Button on Tablets?

  • Hello,

    I need your assistance with a specific functionality. Currently, the “Show on Mobile” option allows me to hide the cart button on mobile devices, but there is no similar option to disable it on tablets.

    My goal is to ensure that the cart button is visible only on desktop screens (beyond tablet sizes). However, I’ve noticed that the style="display: block;" attribute is applied directly to the .xoo-wsc-basket HTML element, making it impossible to customize the display via CSS.

    Could you please let me know if there’s a recommended method or a PHP filter I could use to conditionally display the button based on screen size? Alternatively, if modifying the plugin files is required, could you guide me on the best way to proceed without compromising stability or future updates?

    Thank you in advance for your valuable help.

Viewing 1 replies (of 1 total)
  • Plugin Author xootix

    (@xootix)

    Hello,

    “Show on mobile” option also takes tablet in consideration. It works for both mobile and tablet.
    Here is the CSS, you can use to hide the basket for custom screen sizes.
    800 is the screen size.

    @media only screen and (max-width: 800px) {
        .xoo-wsc-basket[style*='block'], .xoo-wsc-basket {
            display: none!important;
        }
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.