Design Headers & Footers with Shopping Experiences

by ACRIS E-Commerce GmbH

Rating: 4.8

Downloads: <100

Customize headers and footers with Shopping Experiences: prebuilt layouts, sticky headers, rule-based display, and separate designs for the storefront and checkout process.

Annually €33.25* /month €478.80 * €399.00* /year 16.67% discount In comparison to the regular monthly price

Monthly €39.90* /month Cancelable monthly

Compatible with:

6.4.0.0 - 6.7.15.1

Includes:

Free trial month

The subscription starts with a free trial month during which it can be canceled at any time.

All updates

During the subscription all released updates are included for free

Support from the Extension Partner

In case you have any questions or problems with your extension you can always ask the Extension Partner for help during the subscription.

Description

Highlights

Design headers and footers individually with Shopping Experiences
Use different layouts for the storefront and checkout process
Control display conditions using rules, sales channels, products, and categories
Set up sticky headers with existing or separate layouts

Features

Dedicated Shopping Experience types for header and footer pages with prebuilt layout blocks
Elements for logos, navigation, search, customer accounts, wishlists, shopping carts, language and currency selectors, and USPs
Footer elements for navigation, service hotlines, newsletter signup, social icons, and other icons
Separate assignment of layouts for the storefront, checkout process, or both areas
Rule-based display and restrictions by sales channel, category, and product

Control multiple headers and footers using position, priority, and exclusion of lower-priority layouts
Visibility based on screen size and sticky headers with configurable scroll behavior and animations
Separate cache settings for headers and footers, with optional cache exclusion only for logged-in customers

Show more Show less

About the Extension

Purpose of the Plugin

This plugin allows you to design headers and footers directly using Shopping Experiences. Logos, navigation, search, shopping carts, and other content can be arranged in custom layouts. Different designs for the storefront and checkout process, along with targeted display conditions, enable flexible customization of headers and footers.

Design Headers and Footers with Shopping Experiences
Dedicated Shopping Experience types are available for header and footer pages. Prebuilt layout blocks make it easy to get started and can be customized using the available elements. This allows you to create different arrangements and designs directly in the Shopping Experiences editor.

Suitable Elements for the Header
Logos, navigation menus, search, customer accounts, wishlists, and shopping carts can be placed anywhere in the header. The cart total, language and currency selectors, and USPs can also be integrated. Depending on the element, additional settings are available for appearance, alignment, colors, and icons. Displaying the wishlist icon requires the wishlist feature to be enabled in Shopware.

Footer with Navigation, Service, and Additional Information
The footer can include category links, a service hotline, a compact newsletter signup form, social icons, and other icons. Additional elements such as expandable text, order contact information, and a back-to-shop button allow you to provide suitable content for different use cases.

Separate Layouts for the Checkout Process
Headers and footers can be used exclusively in the storefront, exclusively during checkout, or in both areas. For example, the storefront can display extensive navigation, while the checkout process uses a simplified layout with a logo and service information.

Control Display Conditions
Layouts can be assigned to sales channels and rules. If multiple rules are assigned, only one needs to match. Without assigned rules, no additional rule-based restrictions apply. Custom headers and footers can also be assigned to selected products and categories. Products can be assigned manually or through dynamic product groups.

Sticky Headers and Responsive Display
For the storefront header, the assigned layout can be made sticky or a separate sticky header layout can be used. Scroll behavior and animations can be configured. The visibility of headers and footers can also be restricted to specific screen sizes.

Configure Cache Behavior for Individual Content
Headers and footers can independently use Shopware's default caching behavior or be excluded from the cache. Alternatively, cache exclusion can be limited to logged-in customers. This is particularly useful for personalized content displayed based on the customer.

Purpose of the Plugin

This extension is highlighted as part of the Premium Partner Program and can therefore be displayed with priority in the store.

Details

Available: English, German
Latest update: 7 October 2026
Publication date: 31 August 2021
Version: 8.5.0
Category: Header & Footer

Resources

Reviews (2)

Average rating

4.8

Based on 2 reviews

4.5 Functionality

5.0 Usability

3.5 Documentation

5.0 Support

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

Sort by

Top Plugin um Header und Footer anzupassen.

5.0

by Michael

2 October 2023 07:12

5.0 Functionality

5.0 Usability

4.0 Documentation

5.0 Support

Flexible plugin to build custom header and footer based on shopping experiences with predefined block layouts and well-built general logic.

4.5

by Darius

5 September 2023 12:47

4.0 Functionality

5.0 Usability

3.0 Documentation

5.0 Support

About the Extension Partner

ACRIS E-Commerce GmbH

See all extensions

Partner Status

Shopware
Bronze Partner
Shopware
Premium Extension Partner

Details

Ø-Rating: 5

Average rating of 5 out of 5 stars
Partner since: 2015
Extensions: 228
Certifications: 7

Support

Based in: Austria
Speaks: German, English
Response time: Very quickly

Shopware 6 certified

Installation

Open the Plugin Manager under Extensions > My Extensions
Upload, install, and activate the plugin

Plugin Configuration

Content > Shopping Experiences

Create Header and Footer Layouts

Create a Shopping Experience
Create a Shopping Experience of the type "Header Page" or "Footer Page".
Design the layout
Add suitable layout blocks and configure the elements they contain. For the header, elements such as logos, navigation, search, and shopping carts are available. The footer can be designed with navigation, a service hotline, newsletter signup, and social icons, for example.
Save the layout
Save the completed Shopping Experience so it can be assigned to a header or footer.

Settings > Extensions > Shopping Experience Layouts > Header or Footer

Create a Header or Footer

Internal Name
Enter a unique name to distinguish the configuration internally.
Active
Enable the configuration so the assigned layout is used when the display conditions are met.
Area of Use
Specify whether the layout should be used in the storefront, checkout process, or both areas.
Assigned Shopping Experience Layout
Assign the previously created header or footer Shopping Experience.
Position
Determine the order in which layouts are displayed. Lower values are displayed higher up on the page.
Priority
Assign a priority for selecting matching headers or footers.
Exclude Other Headers with Lower Priority / Exclude Other Footers with Lower Priority
Enable this option to prevent matching configurations with a lower priority from being displayed additionally.

Display Conditions

Sales Channels
Assign the sales channels in which the header or footer should be displayed.
Assigned Rules
Optionally select rules. If multiple rules are assigned, only one needs to match. Without assigned rules, no additional rule-based restriction applies.
Visible for the Following Screen Sizes
Specify the screen sizes for which the layout should be visible.
Additional Restriction to Products / Categories
Enable this option to restrict display to specific products or categories. When the restriction is active, matching assignments must exist for the layout to be displayed. For headers, this restriction only applies to the storefront header.
Product Assignment
Assign products manually or through dynamic product groups. If multiple dynamic product groups are assigned, one matching group is sufficient. With this assignment type, the layout is not displayed if no dynamic product group is assigned.
Assign Categories
Select the categories for which the layout should be used.

Sticky Header Configuration

Sticky Header Mode
Choose between "No Sticky Header", "Make Assigned Header Layout Sticky", and "Use Separate Sticky Header Layout". This feature is only available for the storefront header.
Assigned Shopping Experience for Sticky Header
When using a separate sticky header, assign the desired Shopping Experience layout.
Scroll Behavior
Choose between displaying the header when scrolling up, when scrolling down, or when scrolling down without animation. The option without animation does not load a separate sticky layout.
Animation
For animated display, choose between fading in and sliding down.

Extensions > My Extensions > Design Headers and Footers with Shopware Shopping Experiences (and Rules) > Configure

General Settings

Remove Top Border of Footer
Hide the top border of the footer. This option is disabled by default.
Navigation Flyout Background Color
Set the background color of the navigation flyout.

Expandable Search Field

Search Border - Top / Search Border - Bottom
Enable the top or bottom border and customize its color using the corresponding color fields.
Search Shadow - Bottom
Enable a shadow below the expanded search field.
Search Field Width
Choose between Default, Container Width, Full Width, and a maximum width in pixels.
Maximum Width (Search Field Width)
Specify the maximum width in pixels when the corresponding width option is selected. The default value is 800 pixels.
Search Field Border
Use the default border or hide it. The border color and focus border color can be configured separately.
Search Field Padding - Active
Enable custom padding and specify the top, bottom, left, and right values in pixels.
Search Suggestion Top Spacing - Active
Enable custom top spacing for the search suggestions. This may be necessary if the height of the search field has been changed.
Search Suggestion Top Spacing
Specify the top spacing of the search suggestions in pixels. The default value is 55 pixels.
Search Field Font Size / Search Field Button Icon Size
Set the font size and search icon size in pixels.
Search Field Button Icon
Replace the default search icon with a custom icon.

Mobile Language Selector

Show Mobile Language Selector
Show or hide the mobile language selector. The desktop appearance is configured in the Shopping Experience element.
Show Language Flag / Show Language Name
Specify whether the flag, language name, or both should be displayed.
Language Flag Size / Language Flag Appearance
Use the default size or custom dimensions and choose between square, rounded, and circular display.
Replace Language Flag with Icon
Use a selected icon instead of the flag.
Show Language Flag in Dropdown / Show Language Name in Dropdown
Specify the content of the dropdown selection. Custom sizes and display styles can be configured for flags in the dropdown.
Language Selector Dropdown Width
Use the default width or automatic width.

Mobile Currency Selector

Show Mobile Currency Selector
Show or hide the mobile currency selector. The desktop appearance is configured in the Shopping Experience element.
Show Currency Symbol / Show Currency Name
Specify whether the currency symbol, currency name, or both should be displayed.
Show Currency Symbol in Dropdown / Show Currency Name in Dropdown
Specify which information is displayed within the dropdown.
Currency Selector Dropdown Width
Use the default width or automatic width.

Cache Behavior

Header: Cache Behavior
Choose between "Shopware Default", "Exclude from Cache", and "Exclude from Cache for Logged-in Customers". By default, Shopware's caching behavior is used.
Footer: Cache Behavior
Configure the cache behavior independently of the header. The same three options are available.