[ad_1]
I need guidance on how I can setup a similar navigation in wordpress for a product/detail page (below navigation example of *Overview, Reviews, Alternatives, Courses*), these are not just “Tabs” each button loads a separate page/URL, the url structure is hierarchal, breadcrumb gets updated, each page have its own meta title.
I don’t want to group the content under Tabs, but want a similar navigation setup. Can’t understand how I can do this in WordPress (what type of post types config, or using a plugin, I am not sure)
[https://toolfinder.co/tools/google-keep](https://toolfinder.co/tools/google-keep)https://preview.redd.it/bnwhb7jay63d1.png?width=828&format=png&auto=webp&s=4fbeba53ac573f2f36fc6a7c9bbb5683d922802e
[ad_2]
The simplest way to do this manually with whatever theme/builder is to just add this as
– buttons in a row with 4 columns
– text (styled with padding, border and background colour) in a row with 4 columns.
Add either to each of the 4 pages. Add page links to the relevant button.
For the highlighted/active page tab you can just change the button/text on that page to a different background colour to the rest. You can also disable the link for the active page.
The breadcrumbs will update automatically with a breadcrumb plugin or yoast/rankmath breadcrumb shortcode.
If you want to make the breadcrumbs to show ‘Home > Product > Reviews’ make each of the reviews, alternatives etc. themselves a child of the main details page.