> 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/category-pages.md).

# Category pages

![ThemeWare® Category pages](/files/9xb1x1o35WrsnkB36ElT)

1. [#sidebar](#sidebar "mention") <mark style="color:orange;">(CMS layout with sidebar)</mark>
2. Listing <mark style="color:orange;">(CMS block "</mark><mark style="color:orange;">**Three columns, product boxes**</mark><mark style="color:orange;">" from Shopware)</mark>
3. Product listing actions

## Sidebar <a href="#sidebar" id="sidebar"></a>

![ThemeWare® Category pages: Sidebar](/files/Q5sHLRzc8dvYHeZIH3fR)

1. CMS block "Image, boxed"
2. CMS block "Category navigation"
3. CMS block "Text"
4. CMS block "Product filter"
5. ThemeWare® Sidebar Widget (content "Benefits")
6. ThemeWare® Sidebar Widget (content "Communities or Social Media")

## Product boxes <a href="#produkt-boxen" id="produkt-boxen"></a>

![ThemeWare® Category pages: Product boxes](/files/45MNvbEGK0KJelYgBxn6)

1. Product image (cover image)
2. Product rating
3. Product name
4. Variant characteristics
5. Cheapest price
6. Wishlist button
7. Product description
8. Price unit
9. Action buttons (Buy button / Details button)
10. Discount badge
11. Top-seller badge
12. Product price
13. List price
14. ThemeWare® Free shipping badge
15. ThemeWare® Stock badge (with sufficient stock)
16. ThemeWare® Stock badge (with low stock)