> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/elements-in-the-storefront/product-pages.md).

# Product pages

![ThemeWare® Product pages](/files/nv6LKid5Gm5qP7boz0fl)

1. Breadcrumb
2. <mark style="color:orange;">CMS block "</mark><mark style="color:orange;">**Product name & manufacturer logo**</mark><mark style="color:orange;">" from Shopware</mark>
3. Product name
4. Manufacturer logo
5. <mark style="color:orange;">CMS block "</mark><mark style="color:orange;">**Gallery and Buybox**</mark><mark style="color:orange;">" from Shopware</mark>
6. [#galerie](#galerie "mention")
7. [#buybox](#buybox "mention")
8. <mark style="color:orange;">CMS block "</mark><mark style="color:orange;">**Product description & reviews**</mark><mark style="color:orange;">" from Shopware</mark>

## Gallery <a href="#galerie" id="galerie"></a>

![ThemeWare® Product pages: Gallery](/files/cruwEBz2dM97xHyK9XjW)

1. ThemeWare® Product badges
2. Product image
3. Arrow navigation
4. ThemeWare® "Picture similar to product" note
5. Dot navigation
6. Thumbnails

## Buybox <a href="#buybox" id="buybox"></a>

![ThemeWare® Product pages: Buybox](/files/5XfPas8Xj0y1FFOoppM4)

1. Price
2. Free shipping note
3. Variant selection ("Text" layout)
4. Variant selection ("Colour" layout)
5. Quantity selection and buy button

![ThemeWare® Product pages: Buybox](/files/QQGm4FfsOCPVQ33i7alR)

1. Discounted price (+list price)
2. ThemeWare® Stock label
3. ThemeWare® Individual announcement
4. ThemeWare® Payment logos on the product page
5. Product number + ThemeWare® Product specifications
6. ThemeWare® Sharing links