How to move the tabs below each other?

Hi @bctech05,

I’m glad you like the plugin!

Our plugin doesn’t control the layout of your tabs. The layout is completely controlled by WooCommerce and possibly your theme.

Are you familiar with the WooCommerce template hierarchy? Have you ever customized or replaced a WooCo template?

Let me know.

Cheers,
Kevin.

Thanks for a super quick reply.

No, but I have a friend’s help. Even little guidance on how to do it will help.

Thank you.

Hi @bctech05,

If you’re good with CSS you change the layout purely with CSS.

For example, this will change the position of the tab titles to be on top of each other:

ul.tabs.wc-tabs li {
    display: block !important;
    
}

It won’t, however, give you a nice layout by itself. You’ll need additional styles for the tab titles and the tab content area.

If you’d like to try and replace a WooCommerce template, you’ll need to add a file to your theme in the following path: /your-theme/woocommerce/single-product/tabs/tabs.php. This will give you full control over the HTML and PHP generating your tabs.

I’d love to be able to do this for you but unfortunately every theme is different and has its own nuances and it would take too much time for me to customize the tabs on your theme.

Thank you,
Kevin.

Thank you again. I will try this and get back to you if I have any questions.

I couldn’t do both of the above, so I simply copy pasted the content of all tabs into one tab.

Thank you again.