DmfManuTheme v2.0.0 - Shopware 6.4 compatibility

Author: proj-dmf

.gitignore

@@ -1,3 +1,14 @@
+# 2.0.0
+- Corrected layout 'Search as icon / Navigation bottom'
+- Corrected text align in search field suggestions
+- Added option to display variant information
+- Added configuration options for wishlist:
+    - Color of the wishlist icon
+    - Position of the wishlist button in the product listing
+    - Type of wishlist display in the header
+- Shopware 6.4 compatibility
+
+
 # 1.0.5
 - fix font integration
 - fix compatibility issue with shopware 6.3.5.

CHANGELOG.md

@@ -1,3 +1,13 @@
+# 2.0.0
+- Die Variante 'Suche als Icon / Navigation Unterhalb' wurde korrigiert
+- Textausrichtung bei Vorschlägen im Suchfeld korrigiert
+- Option für die Anzeige von Varianteninformationen eingefügt
+- Konfigurationsmöglichkeiten für Merkzettel hinzugefügt:
+    - Farbe des Merkzettel Symbols
+    - Position des Merkzettel Buttons im Produktlisting
+    - Art der Merkzettelanzeige im Header
+- Shopware 6.4 Kompatibilität
+
 # 1.0.5
 - Fix Fonteinbindung der Inter-Font
 - Kompatibilität-Fix für Shopware 6.3.5.

CHANGELOG_de-DE.md

@@ -1,7 +1,7 @@
 {
     "name": "dmf/sw6-manu-theme",
     "description": "Manu Theme",
-    "version": "1.0.5",
+    "version": "2.0.0",
     "type": "shopware-platform-plugin",
     "authors": [
         {
@@ -12,7 +12,7 @@
         }
     ],
     "require": {
-        "shopware/core": "*",
+        "shopware/core": "~6.4.0",
         "shopware/storefront": "*"
     },
     "minimum-stability": "RC",

composer.json

@@ -0,0 +1,15 @@
+import WishlistWidgetPlugin from "src/plugin/header/wishlist-widget.plugin";
+
+export default class ExtendedWishlistWidgetPlugin extends WishlistWidgetPlugin {
+    _renderCounter() {
+        if (this.el.dataset.wishlistHideCount) {
+            if (this._wishlistStorage.getCurrentCounter() > 0) {
+                this.el.classList.remove("d-none");
+            } else {
+                this.el.classList.add("d-none");
+            }
+        } else {
+            this.el.innerHTML = this._wishlistStorage.getCurrentCounter() || "";
+        }
+    }
+}

src/Resources/app/storefront/dist/storefront/js/dmf-manu-theme.js

@@ -2,10 +2,12 @@ import InputSpinner from './js/input-spinner/input-spinner.plugin';
 import NewsletterPrivacy from './js/newsletter-privacy/newsletter-privacy.plugin';
 import TogglePassword from './js/toggle-password/toggle-password.plugin';
 import RegisterExpand from './js/register-expand/register-expand.plugin';
+import ExtendedWishlistWidgetPlugin from './js/wishlist-widget/wishlist-widget.plugin';
 
 const PluginManager = window.PluginManager;
 
 PluginManager.register('NewsletterPrivacy', NewsletterPrivacy, '.footer-newsletter-email');
 PluginManager.register('InputSpinner', InputSpinner, '[data-input-spinner]');
 PluginManager.register('TogglePassword', TogglePassword, '[data-toggle-password]');
 PluginManager.register('RegisterExpand', RegisterExpand, '[data-register-expand]');
+PluginManager.override('WishlistWidget', ExtendedWishlistWidgetPlugin, '[data-wishlist-widget]');

src/Resources/app/storefront/src/js/wishlist-widget/wishlist-widget.plugin.js

@@ -67,6 +67,7 @@ https://sass-guidelin.es/#the-7-1-pattern
 @import 'component/jumbotron';
 @import 'component/toggle-password';
 @import 'component/sidebar';
+@import 'component/product-wishlist';
 
 /*
  * Layout-related sections

src/Resources/app/storefront/src/main.js

@@ -92,6 +92,7 @@ Advanced styling for breadcrumb component
 @include media-breakpoint-up(sm) {
     .breadcrumb {
         padding: $spacer $order-grid-gutter-width;
+        padding-left: 0px;
 
         .breadcrumb-container {
             &.penultimate {

src/Resources/app/storefront/src/scss/base.scss

@@ -67,7 +67,7 @@ Custom styling for product box component.
 .product-price-unit,
 .product-description {
     color: $sw-text-color;
-    opacity: .5;
+    opacity: 0.5;
 }
 
 .product-description {
@@ -95,7 +95,7 @@ Custom styling for product box component.
 
 .product-price {
     .list-price {
-        opacity: .5;
+        opacity: 0.5;
     }
 }
 
@@ -132,7 +132,6 @@ Custom styling for product box component.
         color: $success;
         border-color: $success;
         background-color: rgba($color: $success, $alpha: 0.2);
-
     }
 }
 
@@ -154,3 +153,23 @@ Custom styling for product box component.
         }
     }
 }
+
+.product-action {
+    &.wishlist-button {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .buy-widget {
+            width: 78%;
+        }
+        .product-wishlist {
+            margin-top: 0px;
+            .product-wishlist-action-circle {
+                position: relative;
+                bottom: 0px;
+                right: 0px;
+            }
+        }
+    }
+}