The Hero/Breadcrumbs panel in Digishift gives you complete control over the hero section (page header area) and breadcrumb navigation across your website. You can configure visibility, alignment, height, and content display for pages, blog archives, posts, and WooCommerce pages.
Page Hero Settings #
These settings control the hero section for regular WordPress pages. You can override them individually using the Page Template metabox when editing a page.
- Page Hero Section – Master switch to enable/disable the hero on all pages.
- Hero Content Alignment – Choose the layout of title and breadcrumb:
- Left
- Center
- Right
- Space Between (title left, breadcrumb right)
- Page Hero Title – Toggle to show/hide the page title in the hero.
- Show Breadcrumb – Enable/disable breadcrumb navigation (e.g., Home > About Us).
- Page Hero Height – Set a custom height (in pixels) for the hero section.
Blog Archive Hero Settings #
These settings apply to blog archives such as categories, tags, author, or date-based archives.
- Archive Hero Section – Master switch to show/hide the hero on all blog archives.
- Hero Content Alignment – Choose from Left, Center, Right, or Space Between.
- Archive Hero Title – Toggle to show/hide the main archive title (e.g., Blog, Category: News).
- Show Breadcrumb – Display breadcrumb navigation within the archive hero.
- Archive Hero Height – Adjust the hero height specifically for archive pages.
Single Blog Post Settings #
These settings control the hero section for individual blog posts.
- Single Post Hero Section – Master switch to show/hide the hero on single posts.
- Hero Content Alignment – Choose Left, Center, Right, or Space Between.
- Single Blog Hero Title – Toggle visibility of the post title in the hero.
- Show Breadcrumb – Enable/disable breadcrumb navigation (e.g., Home > Blog > Post Title).
- Single Post Hero Height – Set a custom hero height for single posts.
Shop & WooCommerce Page Settings #
These settings apply to WooCommerce pages including Shop, Cart, Checkout, My Account, and product category/tag archives.
- WooCommerce Pages Hero Section – Master switch to show/hide the hero on all WooCommerce pages.
- Hero Content Alignment – Options: Left, Center, Right, or Space Between.
- WooCommerce Pages Hero Title – Toggle visibility of the automatic page title (e.g., Shop, Cart).
- Show Breadcrumb – Display breadcrumb navigation in WooCommerce pages.
- WooCommerce Pages Hero Height – Set hero height for shop and related pages.
Single Product Page Settings #
These settings apply to individual product pages.
- Single Product Hero Section – Master switch to show/hide the hero on single products.
- Hero Content Alignment – Options: Left, Center, Right, or Space Between.
- Product Single Hero Title – Show/hide the product title in the hero.
- Show Breadcrumb – Toggle breadcrumb navigation (e.g., Home > Shop > Category > Product).
- Single Product Hero Height – Set a custom hero height for product pages.
Best Practices #
- Consistency – Use the same alignment across sections for a cohesive design.
- SEO & UX – Keep breadcrumbs enabled for better navigation and search engine visibility.
- Mobile Responsiveness – Check hero height and text alignment on smaller devices.
- Minimalism – If the hero is not essential (e.g., Checkout page), disable it for a cleaner layout.
