Hallo zusammen,
wir kommen mit 2 Problemen, die erst kürzlich entstanden bzw. aufgefallen sind, nachdem wir unseren Shop in einem neuen Verkaufskanal neu aufgesetzt haben.
-
Unser Menü bleibt nicht mehr oben kleben aka der sticky-top-header funktioniert nicht mehr. Wir nutzen das Themeware Theme.
-
Wir haben festgestellt, dass keinerlei Popups mehr auf unserer Website https://iuvascare.de/ funktionieren. Weder mit dem Plugin PopUp Modal (PopUp Modal mit Animationen zur Darstellung von Erlebniswelten - Modal | Shopware Store), was früher schon einmal bei uns funktionierte, noch mit dem Shopware Plugin „Anpassbare Popups & Benachrichtigungen“ kriegen wir keinerlei PopUp hin.
In unserem custom CSS ist meines Wissens kein Befehl, der die Popups oder die sticky top navigation im header generell untersagt und selbstverständlich haben wir es an unterschiedlichen Rechnern mit deaktiviertem PopUp-Blocker getestet.
Im Java ist bei uns lediglich ein Chat eingerichtet. Hängen die Probleme vielleicht damit zusammen?
Vielleicht findet ihr ja etwas in unseren CSS/Java Einträgen, was die Fehler verursachen könnte:
CSS:
".product-detail .product-detail-manufacturer-link {
display: none;
}
.product-box:hover .product-action { bottom: 45px; }
.dropdown .dropdown-menu {background-color: #ffffff;}
.dropdown .dropdown-menu::before {background-color: #ffffff;}
/*
-
Anpassungen Navigation: dritte Ebene wird nur bei „hover“ angezeigt.
-
Achtung: in den Einstellungen müssen drei Hauptnavigations-Ebenen sichtbar sein
*/
.navigation-flyout-col .navigation-flyout-categories.is-level-1 {
display:none;
}
@media (min-width: 768px) {
.navigation-flyouts .navigation-flyout .navigation-flyout-content .navigation-flyout-categories.is-level-0>.navigation-flyout-col {
//margin-right: 50px;
//max-width: calc(25% - 50px);
}
.navigation-flyouts .navigation-flyout .navigation-flyout-content .navigation-flyout-categories .navigation-flyout-link.is-level-0 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.navigation-flyout-teaser-image {
object-fit: contain;
}
//.cms-block-image-text-gallery .image-text-gallery-card {
transform: scale(.7);
}
//.cms-block .cms-block-container .cms-block-container-row {
transform: scale(.5);
}
.js-magnifier-zoom-image-container .magnifier-zoom-image {
height: 350px;
width: 350px;
}
.usercentrics-button.uc-button-bl .uc-privacy-button-wrapper {
left: 20px !important;"
Java Script hänge ich mal per screenshot an:
Wir hoffen, dass uns jemand einen Tipp geben kann.
Viele Grüße aus Freiburg,
Eike