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

[Anonymous]

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.

[Axle Support]

Hi @A. Belton

Please provide us your site URL.

[Anonymous]

https://tizzime.com

[Anonymous]

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

[Axle Support]

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;
}

[Anonymous]

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.

[Axle Support]

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;
}

[Anonymous]

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.

[Axle Support]

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;
}

[Anonymous]

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.”

[Author]

Posts