Alright if we want to do this we'll first have to look at how these elements are constructed in the original layout/phtml files.
- If you check module-catalog/view/frontend/layout/catalog_product_view.xml you'll see an element
<block class="Magento\Catalog\Block\Product\View\Description" name="product.info.details" template="Magento_Catalog::product/view/details.phtml" after="product.info.media"> that seems to be the wrapper for the
product.info.description element as well as an additional
- Similarly, in module-review\view\frontend\layout\catalog_product_view.xml you can see a block called
reviews.tab being added to the
So to change this behavior we can make a simple adjustment by overriding Magento_Catalog::product/view/details.phtml in our theme:
<?php echo $block->getChildHtml(); ?>
Clear the cache and you'll no longer see the tab structure. You can now make adjustments to the individual blocks and templates to match your desired design.