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

This topic is empty.

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

1 2 →

Author

Posts
May 29, 2018 at 1:28 pm #4945

Anonymous
Inactive

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.

May 30, 2018 at 6:46 am #4953

Axle Support
Moderator

Hi @A. Belton

Please provide us your site URL.

June 1, 2018 at 2:01 am #4976

Anonymous
Inactive

https://tizzime.com

June 1, 2018 at 2:08 am #4980

Anonymous
Inactive

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

June 1, 2018 at 6:03 am #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;
}
```
June 1, 2018 at 11:26 pm #4989

Anonymous
Inactive

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.

June 3, 2018 at 11:14 am #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;
}
```
June 3, 2018 at 5:41 pm #5007

Anonymous
Inactive

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.

June 4, 2018 at 7:49 am #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;
}
```
June 5, 2018 at 9:31 pm #5047

Anonymous
Inactive

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