Setting Up Breadcrumbs in a Template

Click on what are breadcrumbs for an explanation of why breadcrumbs are important and how they should be used.

The catalog's breadcrumbs use a tic in the template called %CATEGORY_NAVIGATION%. It is usually placed above
%CATEGORY_DESCRIPTION% or %CONTENT%.

Breadcrumb attributes

Several breadcrumb attributes can be customized.

Link color

The color of the breadcrumb text that are links is adjusted under Fonts & Colors > Drill Down Link. Note the last item in the breadcrumb list is not a link.

Link hover

The color that appears when a cursor hovers over a breadcrumb link It is set in Fonts & Colors > Drill Down Hover

Color of background

Starting in version 10.40.0 the breadcrumb background is adjusted under Website > Fonts & Colors > Drill Down Bkgd

The default is F0F0F0 (0 is zero). This is a light gray color.

For older versions, css added to the template can be used.

Separator

Under Administration > Extras > Breadcrumbs heading

The preferable separator is >

Breadcrumb bold

Under Administration > Extras > Breadcrumbs heading

If 'yes' then the last item in the breadcrumb is made bold. The last item generally is not a clickable link.

Breadcrumb text size

Click on Change size of breadcrumb text. It involves adding a css entry to your template.

White space around breadcrumb

Click on Change whitespace above or below breadcrumb text. It involves adding a css entry to your template.

***