Product tabs

Hello

I’m building a demo for a client that he needs just catalogue.

I have turned on the catalogue mode from theme settings and all is fine except from product tabs.

The first tab works ok but second and third display the cart icon.

Can you please check and inform me how to solve this?

As an additional question is there a way when you click to enlarge product image to have the black background in an opacity that you can still see the product?

Attachments:

You must be logged in to view attached files.

Hello,

I have checked the product and also a few others, now I do not see the problem http://prntscr.com/jlzeb5

Please check again and let me know if you still have the problem.

Best Regards

Can you please make sure you are on the right area where the product tabs are located?

I checked it from the different browsers and still see the cart on 2nd and 3rd tab.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your FTP access.

Best Regards

Here you are

Hello,

Please add this code:

add_action( 'woocommerce_before_shop_loop_item', array( $this, 'catalog_mode_init' ), 10 );

to the file as per woodmart/inc/classes/Catalog.php as shown: http://prntscr.com/jmdwnc

We shall fix this in the next update.

Best Regards

Thank you very much! This worked!

As an additional question is there a way when you click to enlarge product image to have the black background in an opacity that you can still see the product?

I too am interested in the background opacity and color question.

From my research, it sounds like you would have to hard code in photoswipe options into the theme. I don’t think woocommerce allows you to change photoswipe options yet.

I found this: https://github.com/woocommerce/woocommerce/pull/14394

But it doesn’t seem implemented yet?

Hello,

Please add this CSS to Theme Settings > Custom CSS

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

Change the background value as per your needs.

Best Regards

Once again… YOU ARE SUCH A GREAT SUPPORT TEAM! Thank you so much!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts