Home › Forums › WoodMart support forum › Product tabs width
Product tabs width
- This topic has 7 replies, 2 voices, and was last updated 4 years, 6 months ago by
Elise Noromit.
-
AuthorPosts
-
October 31, 2020 at 7:16 pm #237581
justas404ParticipantHello, how I can change custom/global tabs width? I have table with 2-3 columns and many rows. On computer wersion there is too much gap between left and right columns, so I want to lower tab width. I also want to reorder tabs, so that “apie -brand-” tab would be last and custom tab would be in second place.
October 31, 2020 at 9:52 pm #237607
Elise NoromitMemberHello,
The link you show as the sample is Woocommerce functional tab showing all the attributes and values assigned to the product. Your tab is broken I suspect by custom CSS or the influence of other plugins.
Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.
Best Regards
October 31, 2020 at 11:04 pm #237618
justas404ParticipantI switched all unnecessary plugins and still result is the same (I’m using parent theme, also switched to storefront, then my tab completely dissapears). I only had this code in custom css, related to tabs:
body .basel-tab-wrapper .tab-title-additional_information, body .basel-tab-wrapper #tab-additional_information { display:none!important; }
Also this in functions.php
/** * Panaikinti additional info / papildoma informacija skirtuka */ add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 ); function woo_remove_product_tabs( $tabs ) { unset( $tabs['additional_information'] ); // Remove the additional information tab return $tabs; }
This code removes additional information tab.
Now, that I’m writing this, I think you misunderstood me. I want custom tab look like attributes tab, I’m not using atributes at all. The thing is, I import table into product custom tab description and it stretches acroos all screen. I want to it to be more narrow, like in attributes tab. I attached images, so you can understand me easier.
Attachments:
You must be logged in to view attached files.November 1, 2020 at 12:34 pm #237669
Elise NoromitMemberHello,
You need to create an HTML block and insert the content you need. Then insert the shortcode ID of this HTML block into the Additional tab. You can find the option in the Theme Settings > Product page > Tabs. This tab would be common for all the products.
If you need to create an individual additional tab, insert the HTML block in the product page. https://xtemos.com/docs/woodmart/product-page-options/#local_settings
Best Regards
November 1, 2020 at 10:29 pm #237773
justas404ParticipantIf i need to do separate html block for every product, that will take me ages to complete. There should be easier way. In another website, I mentioned earlier, there is no attributes (it would show on compare page), but it still works.
November 2, 2020 at 9:12 am #237856
Elise NoromitMemberHello,
Please consider searching for a plugin for your purpose. Our theme suggests one tab commonly and one tab individually.
Best Regards
November 2, 2020 at 2:23 pm #237974
justas404ParticipantOk, I’ll try that out.
Also I want to report a bug – when you visit a product page on computer and resize browser window to smaller size, tabs and their content dissapears. This is happening not only on my website, you can see this on Woodmart demo also. This is not very bad bug, but it’s really annoying, I’m looking forward for a update, thet fixes this!
November 2, 2020 at 2:27 pm #237977
Elise NoromitMemberHello,
Yes, we know this issue. When you open a product on a real tablet/phone screen all the content would be shown properly.
If you want to view the product in a narrowed browser, just reload the page so that all the styles switched from the desktop to mobile.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register