Bạn đang muốn hiển thị tab sản phẩm dạng vertical trên giao diện flatsome. Hãy dùng 1 trong 2 đoạn code dưới đây nhé:

CSS Tab Vertical cho chi tiết sản phẩm:

.woocommerce-tabs .product-tabs{flex-flow: column;padding-top: 0; width: 25%;}
.woocommerce-tabs .tab-panels{border-left: 1px solid #ddd;
flex: 1;
margin-top: 0!important;
padding: 0 30px 30px;}

Hoặc chép code sau vào file Function:

add_action('wp_footer', function () {
?>
<script>
document.addEventListener("DOMContentLoaded", function () {
const tab = document.querySelector(".product-tabs");
if (tab && !tab.classList.contains("nav-vertical")) {
tab.classList.add("nav-vertical");
}
});
</script>
<?php
});