Table of Contents:
1. Activate Plugin / Sales Channel
2. Storewide Experience World
3. Navigation Home Icon
4. Header "Hamburger" Menu Icon - Tablet
5. Header "Hamburger" Menu Icon - Mobile
6. Header Search Icon - Smartphone
7. Header Search Icon
8. Header Wishlist Icon
9. Header My Account Icon
10. Header Shopping Cart Icon
11. Listing Wishlist Icon - Unfilled
12. Listing Wishlist Icon - Filled
13. Copyright Icon
Plugin Highlights
- Experience World Element with HTML-Twig for custom icons & code snippets
- Embed Twig, CSS, and JavaScript directly in the Experience World element
- Easily replace Shopware icons (Header, Footer & more)
- Add a Home icon to the Shopware navigation
Plugin Dokumentation „Rule builder for flexible shopping experience“
Experience Your Shop in a New Light – and Push the Boundaries of the Possible!
Shopware’s experience worlds are a powerful tool for creating shop content – but what if you want to use them even more flexibly? With our plugin "Rule Builder for Flexible Experience Worlds", you decide when, where, and for whom experience worlds become visible. And the best part: It's so versatile that it breaks the boundaries of what’s possible!
With the Shopware Rule Builder, you can define which experience world will be displayed for which customers and under which conditions. Thanks to the specially added Ultra Media Rule Builder Rule, you can also integrate dynamic product groups.
This allows for even more targeted content adjustments – ideal for personalized product suggestions, special campaigns, or exclusive offers.
Plan your content with the timer function exactly when it's relevant.
Simply define start and end times to automatically show or hide experience worlds – perfect for limited-time offers, events, or campaigns.
Want even more flexibility and control over the placement of your experience worlds?
No problem! With the ability to insert Custom Code into your own TWIG Blocks, you can display experience worlds anywhere within your theme – exactly how you want them. Whether directly in the theme or through an extension in the Template Manager, you have the full freedom. Optionally, you can even control this output via rules to present targeted content to your customers. This feature is especially valuable for Shopware agencies and customers with programming knowledge who need custom solutions.
We are happy to support you as a Shopware partner agency. Contact us, and after a detailed conversation, we will create a personalized offer for your requirements."
Make your shop even more unique by directly integrating your own SVG icons from the Shopware backend via the media management. You can flexibly adjust these icons and use them where needed to visually make your content stand out.
If you don't have your own SVG icons, you can also use other image formats like PNG or JPEG to display your icons.
Support for Dynamic Product Groups via the Shopware Rule Builder:
1. Activate Plugin / Sales Channel
Aktivieren Sie Ihren Verkaufskanal im Plugin. Möchten Sie das Plugin in einen weiteren Verkaufskanal nutzen können Sie über die Plugin Card„Verkaufskanal“per Auswahlmenü ihre angelegten Verkaufskanäle mit HTML Storefront auswählen.
2. Storewide Experience World
Activate your "Global Experience World" here.
Available positions:
- 2.1 Above the header (e.g., for a USP bar)
- 2.2 Above the navigation (e.g., for vacation notices)
- 2.3 Above the content (e.g., for a global discount banner)
- 2.4 Above the footer (e.g., for icon boxes above the footer)
- 2.5 Below the footer (e.g., for custom footer content)
Select an experience world next.
Then, choose where the content of this experience world should be displayed.
The following options are available:
- Orders - Overview
- Orders - Change Payment Method
- Orders - Completed Orders
- Privacy Policy
- Legal Notice
- Categories
- Contact Form
- Login
- My Account - Overview
- My Account - Profile
- My Account - Addresses
- My Account - Add Address
- My Account - Edit Address
- My Account - Payment Methods
- Wishlist
- Newsletter
- Forgot Password
- Product Detail Page
- Registration
- Page Not Found (404)
- Search Results
- Homepage
- Shipping and Payment
- Shopping Cart
- Maintenance Mode
- Cancellation Rights
- Checkout
If you want to use time control, activate it and specify the start and end time.
3. Navigation Home Icon
Set your own Navigation "Home" Icon in the header navigation. Adjust the positioning if necessary and specify the icon size. If you use a monochrome icon, you can define a custom color for the "Home" Icon. For a multicolor icon, this is not required.
4. Header "Hamburger" Menu Icon - Tablet
Replace the Header "Hamburger Menu" Icon used to open the mobile tablet menu.
Adjust the positioning if necessary and specify the icon size. If you use a monochrome icon, you can define a custom color for the "Hamburger Menu" Icon. For a multicolor icon, this is not required.
5. Header "Hamburger" Menu Icon - Mobile
Replace the Header "Hamburger" Menu Icon used to open the mobile smartphone menu.
Adjust the positioning if necessary and specify the icon size. If you use a monochrome icon, you can define a custom color for the "Hamburger" Icon. For a multicolor icon, this is not required.
6. Header Search Icon - Smartphone
Replace the Header "Search" Icon in the smartphone view.
Adjust the positioning if necessary and specify the icon size. If you use a monochrome icon, you can define a custom color for the "Search" Icon. For a multicolor icon, this is not required.
7. Header Search Icon
Replace the Header "Search" Icon in the tablet and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Search" Icon. For a multicolor icon, this is not required.
8. Header Wishlist Icon
Replace the Header "Wishlist" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Wishlist" Icon. For a multicolor icon, this is not required.
9. Header My Account Icon
Replace the Header "My Account" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "My Account" Icon. For a multicolor icon, this is not required.
10. Header Cart Icon
Replace the Header "Cart" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Cart" Icon. For a multicolor icon, this is not required.
11. Listing Wishlist Icon - Unfilled
Replace the Listing "Wishlist" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Wishlist" Icon. For a multicolor icon, this is not required.
12. Listing Wishlist Icon - Filled
Replace the Listing "Wishlist" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Wishlist" Icon. For a multicolor icon, this is not required.
13. Copyright Icon
Replace the Footer "Copyright" Icon in the smartphone, tablet, and desktop view.
Adjust the positioning if necessary and set the icon size. If you use a monochrome icon, you can define a custom color for the "Copyright" Icon. For a multicolor icon, this is not required.