Full Width Product Description / WooCommerce Tabs

fivezerothree

Hi, I realise this is outside of support scope but I'm not asking for a tutorial just a few hints as to where your code is located.

I'm making a retailer that has very long extended product information but Fame, by default, is set to display both the product summary and product description / woocomerce tabs in the same half column.

I noticed in content-single-product.php that it calls do_action( 'woocommerce_after_single_product' ); at the end. I assume this is where I can drop this area below the clearfix and edit any CSS to make it full width?

I cannot find the 'woocommerce_after_single_product' reference though - if I'm wrong here please do let me know. I simply need the product tabs to be full width below all other product content. If you could provide any hints - I'll do the rest!

Thanks!

fivezerothree

Screenshot attached for reference in case I am unclear.

Air

Hello:-)

You don't have to move anything with actions, just add such custom CSS:

.woocommerce-page #content div.product .woocommerce-tabs {
    clear: both;
    float: none;
    width: auto;
}

With kind regards.

fivezerothree

Haha! Amazing, why did I think it was more complex than that?

You know what? Your Coffee and Doughnut is on me.

Cheers!

Air

Haha, thanks man! :-)

Have a good day!