The Breadcrumb Settings page allows users to customize the breadcrumb navigation style, which helps customers easily navigate through the store. Breadcrumbs provide a clear path to previous pages, improving the overall user experience.
Log in to your Shopify admin.
Go to Online Store > Themes.
Find the theme you want to edit and click Customize.
Navigate to Theme Settings > Breadcrumb.
Use Breadcrumb? : Check this option to enable breadcrumb navigation across the store.
Background : Customize the background color (Set Your Preferred Color).
Text Color : Customize the text color (Set Your Preferred Color).
Text Hover Color : Customize the text hover color (Set Your Preferred Color).
Style : Choose the style alignment ( Left, Center, or Right ) to position the breadcrumb.
Opacity : Adjust the transparency of the overlay (value between 0.0
and 1
).
Padding (Top & Bottom) : Adjust the inner spacing above and below the section. Top(px), Bottom(px).
Margin Bottom : Adjust margin below outer space to the section.