Home Forums WoodMart support forum Product tabs width

Product tabs width

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #237581

    justas404
    Participant

    Hello, 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.

    #237607

    Hello,

    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

    #237618

    justas404
    Participant

    I 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.
    #237669

    Hello,

    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

    #237773

    justas404
    Participant

    If 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.

    #237856

    Hello,

    Please consider searching for a plugin for your purpose. Our theme suggests one tab commonly and one tab individually.

    Best Regards

    #237974

    justas404
    Participant

    Ok, 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!

    #237977

    Hello,

    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

Viewing 8 posts - 1 through 8 (of 8 total)