WooCommerce Breadcrumbs Widget

Use the WooCommerce Breadcrumbs Widget to set Breadcrumbs for WooCommerce pages on your site.

Content

Alignment: Choose between Left, Center and Right Breadcrumbs alignment for desktop, tablet and mobile.

Homepage: Set Breadcrumbs that should be used for a Home page. You can choose between Text, Icon or disable breadcrumbs at all.

Separator: Choose Separator type between Text, Icon and None.

For a Text separator type you can add a Custom Separator.

For an Icon separator type you can choose the icon from Icon library or upload desired SVG.

Additional options

Breadcrumbs prefix: Slide to SHOW to enable Breadcrumbs Prefix and add needed text.

Hide Breadcrumbs on Front Page: Slide to YES to hide breadcrumbs on a Front page.

Style

Vertical Alignment: Choose Breadcrumbs Vertical alignment between Top, Center and Bottom.

Typography: Set a Typography using settings from the dropdown.

Link

Сolor: Set a link color via color palette or dynamic tags.

Hover color: Set a link hover color via color palette or dynamic tags.

Transition duration: Set the amount of time to transition from one filter setting to the other when hovering over the Link.

Current Item

Typography: Set a Typography using settings from the dropdown.

Color: Set a color via color palette or dynamic tags.

Separator

Typography: Set a Typography using settings from the dropdown.

Color: Set a color via color palette or dynamic tags.

Horizontal Gap: Set a Horizontal gap between separator and breadcrumbs for desktop, tablet and mobile.

Prefix

Typography: Set a Typography using settings from the dropdown.

Color: Set a color via color palette or dynamic tags.

Gap: Set a Gap between Prefix and Breadcrumbs for desktop, tablet and mobile.

Advanced

Set the Advanced options that are applicable to this widget