The Hero / Breadcrumbs panel in DigiShift lets you control the hero section (page header area) and breadcrumb navigation across your website. These settings apply to pages, blog archives, single posts, and WooCommerce-related pages, with flexible per-section control.
Common Hero Options (Used Across All Sections) #
The following options are shared across all hero sections (Pages, Archives, Posts, and WooCommerce). Each section uses the same controls unless stated otherwise.
- Hero Section: Toggle to show or hide the hero section for the selected page type.
- Hero Content Alignment: Choose how the title and breadcrumb are aligned inside the hero.
- Hero Title: Enable or disable the main title inside the hero area.
- Show Breadcrumb: Enable or disable breadcrumb navigation. (example: Home > About)
- Hero Height: Set a custom height (in pixels) for the hero section.
📌 These options behave consistently across all sections to ensure design uniformity.
Page Hero Settings #
Controls the hero section for standard WordPress pages. You can override these settings individually using the Page Template metabox when editing a page.
Uses all Common Hero Options listed above.
Blog Archive Hero Settings #
Applies to blog archive pages, including:
- Categories
- Tags
- Author archives
- Date-based archives
Uses all Common Hero Options.
Archive Hero Title displays the archive heading
(e.g., Blog, Category: News).
Single Blog Post Hero Settings #
Controls the hero section for individual blog posts.
Uses all Common Hero Options.
Single Blog Hero Title displays the post title inside the hero.
WooCommerce Pages Hero Settings #
Applies to WooCommerce system pages, including:
- Shop
- Product Categories & Tags
- Cart
- Checkout
- My Account
- Login / Registration
- Thank You page
Uses all Common Hero Options.
WooCommerce Pages Hero Title displays the automatic page title
(e.g., Shop, Cart).
Single Product Hero Settings #
Controls the hero section for individual product pages.
Uses all Common Hero Options.
Product Single Hero Title displays the product name inside the hero.
Best Practices #
- Consistency – Use the same alignment across sections for a cohesive layout.
- SEO & UX – Keep breadcrumbs enabled to improve navigation and search visibility.
- Mobile Optimization – Review hero height and alignment on smaller screens.
- Minimal Layouts – Disable the hero on pages like Checkout for a cleaner experience.
