I need a code to hide the sticky “add to cart” button only on the gift card product

This topic has 4 replies, 3 voices, and was last updated 1 weeks, 3 days ago ago by Luca Rossi

  • Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    April 22, 2024 at 20:04

    I need a Code to hide the fixed add to cart button only in the “gift card” product, because when you want to buy the gift card, the button appears and displays the form but when you fill out the form and Pressing “add to cart” indicates an error in the value of the gift card.

    Attachment screenshot

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 23, 2024 at 05:40

    Hello, @LVRB Love’s Rebel,

    Thank you for contacting us and for using XStore.

    We understand that you have been experiencing some issues with a 3rd party plugin that you are using on your website.
    YITH WooCommerce Gift Cards add additional content in the sticky cart panel, if you do not want to disable that panel, use the next custom CSS code to disable content from the plugin:

    body .etheme-sticky-cart .gift-cards_form {
        display: none !important;
    }

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    8Themes Team

    Avatar: LVRB Love's Rebel
    LVRB Love's Rebel
    Participant
    April 23, 2024 at 07:18

    Can the CSS code remove the additional content in the sticky cart panel but keep the “add to cart” button?

    Now the white bar of the fixed menu is visible and the form is hidden, but the add to cart button does not appear in the mobile version.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    April 23, 2024 at 08:43

    Hi @LVRB Love’s Rebel,

    To avoid conflicts between the Sticky Cart and Gift Card Form, we suggest you to completely hide to sticky cart on gift card product by adding this custom CSS:

    
    body.postid-3592 .etheme-sticky-cart {
        display: none !important;
    }
    

    Hope it helps!

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

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