Code

Discussion on TabWoo - Custom Product Tabs for WooCommerce

Discussion on TabWoo - Custom Product Tabs for WooCommerce

4.67 (6 ratings) 4.67 stars
Cart 153 sales

AccessKeys supports this item

Supported

This author's response time can be up to 1 business day.

66 comments found.

Hello ! I add some links into my tabwoo who works perfectly on computer but when i click on the same link with a smartphone the website go directly to the bottom of the page. The only way to cclick on the link is to do a long press on it. Any idea to resolve this problem ?

Thanks for your help

Hi there,

Thank you for writing back,

We have tested the site and it seems to be working fine please do check the screenshot below: https://prnt.sc/11bm3k8

Please clear cache and check once.

Thanks!

Hello ! Thanks for your screenshot. I’ve made a little video to show you exactly the problem with the website : https://drive.google.com/file/d/1XVRyW_uUcej2FmCUtUPmXHxM_u78jssr/view?usp=sharing.

The url in the video is : https://espacegabert.ch/produit/jura-z8-diamond-black/

Many thanks for your time and your help !

Hi there,

Thank you for writing back,

We need a little more information to understand what’s going on. If possible could you please provide us with temporary login details of your site’s backend? Once we’ve got that information from you, we can take a closer look! Also, please mention your issue while sending us the details. Please reply to us via the ‘Private Contact’ option below.


Documentation   Private Contact

Thanks!

codebhav

codebhav Purchased

Hi your plugin is changing my theme css can you put option for theme css override please. or can you fix this problem

Hi there,

Thank you for writing in,

We need a little more information to understand what’s going on. Can you please elaborate further using a screenshot regarding your query? We will check and let you know the solutions. Also, if you have any additional questions, please let us know.

Thanks!

Hi, thanks for the nice plugin. I’m having 2 issues and thought you could help. The webpage in question is: https://trunk-mate.com/store/elevation-2021/

1) I linked a video to a tabwoo tab I called “video.” However, the youtube video doesn’t work and I get the error message “www.youtube.com refused to connect.” Any idea how to fix this?

2) I’m trying to remove the default woocommerce tabs (“review” tab, “additional information” tab, and “description” tab) from my site. After reading previous comments, I came across someone asking the same question and tried following the provided instructions. This is what I added to my custom css section:

li#tab-title-review { display: none; }

li#tab-title-description { display: none; }

li#tab-title-additional_information { display: none; }

However, while the “additional info” tab and “description” tab disappear, the “review” tab does not. Even when I try adding an “s” to read “reviews,” it still doesn’t remove that tab.

Also, while the additional information tab does in fact disappear, the additional information itself displays below the tabs as the default. How can I: a) remove the add’l info content and b) remove “review” tab

Hi there,

Thank you for writing back,

Could you please kindly follow this instruction: Please go to your Dashboard >> Appearance >> Customize >> Additional CSS and add these CSS codes.

li#tab-title-reviews {
    display: none;
}
div#tab-additional_information, div#tab-description, div#tab-reviews {
    display: none;
}

And for the video issue instead of using the video URL link could you please use the embed link and try once. Please add this link: https://www.youtube.com/embed/F3_3xtcHsP8 and try once.

Thanks!

Thanks for your reply. The provided CSS did indeed remove the “reviews” tab, but did not remove the “additional info” and “description” tabs. (See image below): https://trunk-mate.com/wp-content/uploads/2021/04/Screen-Shot-2021-04-21-at-11.52.27-AM.png

However, when I add this code to my custom CSS:

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

li#tab-title-review {
    display: none;
}

li#tab-title-description {
    display: none;
}

li#tab-title-additional_information {
    display: none;
} 

IN ADDITION to your provided CSS, the remaining 2 default tabs disappear (see image below): https://trunk-mate.com/wp-content/uploads/2021/04/Screen-Shot-2021-04-21-at-11.57.57-AM.png

HOWEVER, as the screenshot shows, the additional information itself still displays by default below all the tabs (“weight,” “dimensions,” “choose”). I want this information to go away.

Regarding the video, I used the embed link provided and the video works, however it doesn’t display in the correct aspect (16:9) in the tab until you press the play button (see images below): https://trunk-mate.com/wp-content/uploads/2021/04/Screen-Shot-2021-04-21-at-11.58.39-AM.png https://trunk-mate.com/wp-content/uploads/2021/04/Screen-Shot-2021-04-21-at-12.22.38-PM.png

Is there a way to fix the aspect ratio?

Hi there,

Thank you for writing back,

Could you please add the below CSS code and try once and let us know if it still doesn’t work.

div#tab-additional_information, div#tab-description, div#tab-reviews {
    display: none !important;
}

For the youtube video, we can’t edit youtube’s thumbnail image as per our requirement as it will be overridden by youtube iframes. These thumbnail appear from iframe so we can’t do anything about it but as you can see in the site of our demo, here thumbnail looks good, because the tab panel is wide in the area so what you can do is arrange the design so that the panel will have large width and hence will display thumbnail based on that width. Please do check the link: https://demo.accesspressthemes.com/wordpress-plugins/tabwoo/product/p3/?orientation=vertical&template=7

You can add the below CSS code and check the difference:

@media screen and (min-width: 768px){
.tw-main-outer-wrapper.tw-width-full.tw-tab-template-template1 #tab-DnaTZQaxMD {
    width: calc(166% - 1px);
}
}

Thanks!

Is it possible to have group attributes with plugin. Even better would be based on category or individual product if need be. Also does it have rich snippets schema for things like video and and QA? I have a SEO plugin from RankMath that does this but I am wondering how I could get this to work with different tabs and rich snippets schema

Hi there,

Thank you for writing in.

Using custom Editor you can make custom attributes for content to display content but for products currently there is no option available.

Please do let us know if you have any additional questions.

Thanks!

I just purchased this product and it looks to be very powerful :-) Although I am not sure if I am understanding if there is a way to create attributes for a product and use them in various tabs.

Hi there,

Thank you for writing in.

Using custom Editor you can make custom attributes for content to display content but for products currently there is no option available.

Please do let us know if you have any additional questions.

Thanks!

I just purchased this product custom tabs and it looks to be very powerful :-) Although I am not sure if I am understanding if there is a way to create attributes for a product and use them in various tabs.

Gary

Hi there,

Thank you for writing in.

Using custom Editor you can make custom attributes for content to display content but for products currently there is no option available.

Please do let us know if you have any additional questions.

Thanks!

zorro1965 Purchased

Not sure why I am getting these extra data fields here or how to get rid of them https://snipboard.io/hImjPg.jpg

Hi there,

Thank you for writing in.

Could you please explain more on this matter in detail?

Thanks!

by
by
by
by
by
by