[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"\u002Farticles\u002Fthe-worst-layout-for-product-page":3},{"id":4,"title":5,"body":6,"date":58,"description":59,"extension":60,"head":61,"imageUrl":36,"meta":62,"navigation":63,"ogImage":61,"path":64,"robots":61,"schemaOrg":61,"seo":65,"sitemap":66,"stem":67,"__hash__":68},"articles\u002Farticles\u002F26.The-worst-layout-for-product-page.md","The worst layout for product page",{"type":7,"value":8,"toc":55},"minimark",[9,13,17,20,33,42,45],[10,11,5],"h1",{"id":12},"the-worst-layout-for-product-page",[14,15,16],"p",{},"Based on Baymard's research, product pages should generally avoid horizontal tabs for key information blocks.",[14,18,19],{},"According to their findings, users miss important tabbed content much more often than vertically collapsed sections.",[21,22,26],"v-image",{":hasBorder":23,":rounded":23,"alt":24,"src":25},"true","Product page with vertical sections","\u002Fimg\u002Fworst-layout-product-page\u002Fvertical-sections.png",[27,28,30],"template",{"v-slot:description":29},"",[14,31,32],{},"Vertically collapsed sections pattern",[21,34,37],{":hasBorder":23,":rounded":23,"alt":35,"src":36},"Product page with horizontal tabs","\u002Fimg\u002Fworst-layout-product-page\u002Fhorizontal-tabs.png",[27,38,39],{"v-slot:description":29},[14,40,41],{},"Horizontal tabs on product page",[14,43,44],{},"Tabs are usually a better fit for homogeneous data views (for example status-based lists), not for splitting core product details.",[14,46,47,48],{},"Reference: ",[49,50,54],"a",{"href":51,"rel":52},"https:\u002F\u002Fbaymard.com\u002Fblog\u002Fcurrent-state-ecommerce-product-page-ux",[53],"nofollow","Product Page UX 2025 by Baymard",{"title":29,"searchDepth":56,"depth":56,"links":57},2,[],"2026-02-25T10:00:00+04:00","Why horizontal tabs are often a bad fit for product pages, and why vertically collapsed sections are easier to discover.\n","md",null,{},true,"\u002Farticles\u002Fthe-worst-layout-for-product-page",{"title":5,"description":59},{"loc":64},"articles\u002F26.The-worst-layout-for-product-page","wdF6jkbzjg94i5khv4o2sMlDYEY-tO0bGpp_9Y-z_us"]