Okay
  Public Ticket #2105349
WooCommerce product tabs not showing in frontend
Closed

Comments

  • Mat Murray started the conversation

    Hey,

    I've built a WooCommerce store within my site which uses the Podcastr theme, but for some reason some tabs aren't being displayed on the front-end. 

    Specifically: Additional information, reviews and size chart aren't being displayed.

    Does Podcastr allow for tabs/custom tabs? Is this a known issue?

    See attached images to see the three other tabs showing as 'Display: none' on the front-end, and the other showing the product size-chart and custom field tags in the back-end.

    Additionally, the other image shows the tabs and information being displayed fine in Elementor.

    Cheers,

    Mat.

  • Mat Murray replied

    Additionally, this other image shows the tabs and information being displayed fine in Elementor.

  •  647
    Alexandre replied

    Tabs are now unhided. 

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Mat Murray replied

    Amazing. Thanks! How did you do it?

  • Mat Murray replied

    Another question: How do I make the text size smaller in my price chart table on the Single Product page in mobile view? I can make the text larger using Elementor, but I can't make it any smaller than it is now. 

    I want it smaller so that the table is easier to understand, as currently the information is too cramped within the table.

    Thanks!

    Mat.

  •  647
    Alexandre replied

    Hi Mat,
    I have fixed the tab issue with a custom css code.

    You will use another custom css code to reduce the pirce chat table.
    Please go to wp-admin>theme options>custom css/js
    and copy this code


    #tab-size_chart tr+tr td+td {
    font-size: 10px;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Mat Murray replied

    Awesome, thanks.

    One other thing, what do I need to add to reduce the size of the headings in this table S, M, L, XL, etc, and Length (cm), Width (cm), etc. so it's less cramped on mobile.

    I modified the code for the table in the Products section, which shrunk the text in Elementor, but that didn't show on the front-end.

    Thanks!

  •  647
    Alexandre replied

    Replace the code I gave by

    #tab-size_chart td {
    font-size: 10px;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Mat Murray replied

    Perfect. Thanks!