Hide or remove the 2 arrows at product detail page

[studiobandit]

Hi,

How can I remove the previous – next arrows at the product detail page?

Thanks,
Geraldine

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.single-product-thumbnail .slick-arrow {display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[studiobandit]

Thanks! I added the code but the arrows are still there.

I have another question too. I would like to remove or hide the product image hover. I can’t find this particular one in the forum. Do you have a css code for me?

Best,

Geraldine

 

 

[Harry]

Hi,

1. Please change code to

.single-product-thumbnail .slick-arrow {display: none !important;}

2. Please go to JanStudio > Theme Option > WooCommerce > Product Lising Setting > Flip Product Thumbnail > Off

If you want disable zoom effect on product detail page please go to JanStudio > Theme Option > WooCommerce > Product Detail Setting > Enable Zoom > Off.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[studiobandit]

Thank you

1.  Unfotunately this code does not work, the arrows are still there.

2. It isn’t about the zoom effect. I ment the hover on the product listing page. I already removed the quick view button but now the white hover/overlay stays. I would like to have this removed or complete transparent 😉

Thanks in advance,

Geraldine

[studiobandit]

I fixed question number 2:-)

[Harry]

Hi,

I checked your site and see the arrows on main image of product now removed.

Could you please clear cache and check again?

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[studiobandit]

Thanks! It works:-)

 

 

[Author]

Posts