Get Rid of Woocommerce lightbox & Change Button Hover Color in Woocommerce Shop

This topic contains 10 replies, has 2 voices, and was last updated by  Axle Support 1 year, 3 months ago.

Viewing 10 posts - 1 through 10 (of 11 total)
  • Author
    Posts
  • #4945

    A. Belton
    Participant

    I am trying to disable Woocommerce lightbox because I am using EasyFancyBox plugin. Also I would like to change the ‘add to cart’ hover button color in woocommerce to green. Thank you.

    #4953

    Axle Support
    Moderator

    Hi @A. Belton

    Please provide us your site URL.

    #4976

    A. Belton
    Participant

    Home

    • This reply was modified 1 year, 3 months ago by  A. Belton.
    • This reply was modified 1 year, 3 months ago by  A. Belton.
    • This reply was modified 1 year, 3 months ago by  A. Belton.
    #4980

    A. Belton
    Participant

    URL is tizzime.com. Starting with https://

    • This reply was modified 1 year, 3 months ago by  A. Belton. Reason: For some reason when I type the url in here something goes wrong as seen in my previous
    #4983

    Axle Support
    Moderator

    Hi @A. Belton

    You can follow this instruction to disable WooCommerce lightbox.

    To change the color of add to cart button, please go to Appearance -> Customize -> Additional CSS and add this code

    .woocommerce #primary .button, 
    .woocommerce #review_form #respond .form-submit input {
        background: #43d854!important;
    }
    #4989

    A. Belton
    Participant

    The lightbox code worked but for the “add to cart” button I am trying to change the button’s “HOVER” color to green. Not the “BACKGROUND” color. Thanks.

    #5002

    Axle Support
    Moderator

    Hi @A. Belton

    You can use following code to change hover color of buttons.

    .woocommerce #primary .button:hover, 
    .woocommerce #review_form #respond .form-submit input:hover {
        background: #43d854!important;
    }
    #5007

    A. Belton
    Participant

    Hello. I am also looking to have the Woocommerce ‘add to cart button’ open the page in a new window on browsers and completely remove the little Woocommerce shopping cart icon from the menu. I tried sending this post earlier but it seems to have disappeared. Thanks for your help.

    #5011

    Axle Support
    Moderator

    Hi @A. Belton

    There is no option to open Add to Cart in new tab or page.

    To remove cart icon at header section, you can use this code

    #masthead .cart-section {
        display: none;
    }
    #5047

    A. Belton
    Participant

    I was told by woocommerce that there is away to click on
    “Add To Cart” and have the link open in a new window. This is a lot of their response to me:

    Thanks for contacting us!

    So, you mean when I go here, for instance: https://tizzime.com/product/bambooworx-sushi-making-kit , if I click on “Buy it from Amazon”, the amazon website should be opened in a new tab, right?

    “In order to do that, you’d need to add a custom HTML code in your Theme, that way the target in the product links will be a new tab instead of the active one. We don’t support those HTML/PHP customizations in WooCommerce, so in this case I’d suggest you to contact your Theme’s authors at:

    https://axlethemes.com/support-forum
    So you can request them if they can help you integrate that function in those links.”

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.