> For the complete documentation index, see [llms.txt](https://adornthemes.gitbook.io/vogal-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://adornthemes.gitbook.io/vogal-theme/product-page.md).

# PRODUCT PAGE

- [Breadcrumb](https://adornthemes.gitbook.io/vogal-theme/product-page/breadcrumb.md): First section on Product page is Breadcrumb. Breadcrumb is type of secondary navigation that often located at the top of a page, indicating where the user is on the site.
- [Product Main](https://adornthemes.gitbook.io/vogal-theme/product-page/product-main.md): Add blocks on product page from this section to built main look of your product.  Re-arrange blocks position with Drag & Drop.
- [Product Tabs](https://adornthemes.gitbook.io/vogal-theme/product-page/product-tabs.md): Display below product photo gallery.
- [Related Products](https://adornthemes.gitbook.io/vogal-theme/product-page/related-products.md)
- [Recommended Products](https://adornthemes.gitbook.io/vogal-theme/product-page/recommended-products.md)
- [Recently Viewed Products](https://adornthemes.gitbook.io/vogal-theme/product-page/recently-viewed-products.md)
- [Upsell Product Bundle](https://adornthemes.gitbook.io/vogal-theme/product-page/upsell-product-bundle.md): Upsell products bundle helps you to turn more visitors into happy customers.
- [Group Products](https://adornthemes.gitbook.io/vogal-theme/product-page/group-products.md): You can create a group products together and sell them as a single unit. Group products allows you to increase average order value.
- [More Products Color](https://adornthemes.gitbook.io/vogal-theme/product-page/more-products-color.md): When customers are on product page, they see more colors or more style available below product title, they can click on option to see that product.