What is Breadcrumb element?
A breadcrumb is a navigational element that helps users understand their current location within a website or application. It typically appears as a trail of clickable links at the top of a webpage or interface, showing the hierarchy of pages or sections the user has navigated through to arrive at the current page.
We will go over all the settings for the Breadcrumb element in GemPages Editor Version 7 in the section below.
How to add the Breadcrumb element to your store
Step 1: In the GemPages editor, search for “Breadcrumb” in the search bar in the left-hand sidebar
Step 2: Add your website hierarchical navigation for this page.
Configure the Settings tab.
Hide current page
You can turn on this option to hide the current page in the breadcrumb trail.
- Before:
- After:
Icon
With this feature, you can insert and adjust an icon for the Breadcrumb navigation. Click “Choose Icon” to browse the icon library, or upload icon files in SVG.
You can also adjust the size and icon color as you prefer.
Spacing
Input the number into the field to adjust the spacing between the locations and the icon in pixels.
Background
Adjust the background color of the breadcrumb according to your style.
Align
This parameter allows you to determine how the element is positioned on your page. You have three options: left-aligned, centered, and right-aligned.
Configure the Advanced tab.
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.
You can also find more helpful tips and video tutorials at GemPages Academy.