---
title: "Woo Template Block – Breadcrumbs"
source: "https://docs.nexcess.com/software/kadence/woo-template-breadcrumbs-block/"
description: "The Product: Breadcrumbs Block allows you to display the breadcrumbs of a product. Product: Breadcrumbs Block You can add the Product: Breadcrumbs Block just li…"
vertical: "Software"
area: "Kadence"
date: "2022-12-27"
last_modified: "2026-07-02"
---

# Woo Template Block – Breadcrumbs

The Product: Breadcrumbs Block allows you to display the breadcrumbs of a product.

![Product Breadcrumbs Showcase](https://docs.nexcess.com/wp-content/uploads/2026/06/product_breadcrumbs_display.png)

Product: Breadcrumbs Block

You can add the Product: Breadcrumbs Block just like any other block.

![Product Breadcrumbs Selection](https://docs.nexcess.com/wp-content/uploads/2026/06/product_breadcrums_selection-486x1024-1.png)

Product: Breadcrumbs Block Settings

You can customize your Breadcrumbs Block by configuring the Block Settings.

![Product Breadcrumbs Block Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/breadcrumbs_block_settings-1024x589-1.png)

**General Settings-** The Product Breadcrumbs general settings allow you to adjust the alignment for desktop, tablet, and mobile devices. You can align your breadcrumbs to the left, center, or right. You can also enable and disable the page title here.

![](https://docs.nexcess.com/wp-content/uploads/2026/06/download-test.png)

**Breadcrumbs Style-** The Product Breadcrumbs Style setting allows you to customize your Breadcrumbs. You can adjust the colors for your breadcrumbs whenever it is a normal text, a link text, or hovered-over text. You can also adjust various typography and font settings.

![Product Breadcrumbs Style](https://docs.nexcess.com/wp-content/uploads/2026/06/product_breadcrumbs_style-373x1024-1.jpg)

**Spacing Settings –** You can adjust the padding and margin of your Product: Breadcrumbs block for desktop, tablet, and mobile devices.

![Spacing Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/spacing_settings.jpg)

**Advanced Settings –** You can add custom CSS classes to your Product: Breadcrumbs block.

![Advanced Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/product_gallery_advanced.jpg)