Das Widget ist zu schmal oder weist eine große Lücke auf

Wenn das Widget zu schmal ist, eine große Lücke aufweist oder Inhalte in der Nähe überlappt, beginne mit den integrierten Einstellungen für Breite und Abstände. Wenn diese das Problem nicht lösen, muss möglicherweise der Platzierungscontainer des Themes angepasst werden.

Breite festlegen

1. Öffne den Rabatt in Bundlex und wechsle zum Tab Stil.
2. Erweitere Widget-Stil und anschließend Container.
3. Setze Maximale Breite auf Volle Breite (100 %) oder wähle Benutzerdefiniert und gib eine Breite ein.
4. Speichere die Änderungen und prüfe die Produktseite auf Desktop und Mobilgeräten.

Die Standardbreite ist Shopify-Standard (44 rem). Die volle Breite füllt den übergeordneten Container des Widgets aus und kann daher eine schmale Theme-Spalte nicht verbreitern.

Abstand darüber oder darunter anpassen

Verwende im selben Container-Abschnitt die Optionen Oberer Rand und Unterer Rand, um die Lücke anzupassen. Diese Einstellungen gehören zu diesem Rabatt und sind leichter zu verwalten als eine CSS-Überschreibung für den gesamten Shop.

Wenn sich die Lücke durch die Änderung der Ränder nicht verändert, gehört der Abstand möglicherweise zu einem anderen Theme-Block oder Abschnitt. Teile dem Support die Produkt-URL mit, damit wir feststellen können, welches Element dafür verantwortlich ist.

Das Widget überlappt Bewertungen, Badges oder andere Blöcke

Ein Widget in einem Container, der für einen kurzen Kauf-Button vorgesehen ist, kann über dessen feste Höhe hinauswachsen. Dadurch überdeckt es Lieferinformationen, Bewertungen oder andere Inhalte darunter. Eine größere Widget-Breite oder zusätzliche Ränder lösen möglicherweise nicht das zugrunde liegende Platzierungsproblem.

Wende dich mit der Produkt-URL und einem Screenshot, der die Überlappung zeigt, an den Support. Wir können eine geeignete Platzierung außerhalb des begrenzten Containers prüfen. Entferne keine andere App, nur weil deren Inhalte zufällig unter dem Widget liegen.

Vor dem Wechsel zu einem App-Block

Wenn du die manuelle Platzierung als Block wählst, prüfe zuerst, ob sich der Block in einem Abschnitt befindet, der tatsächlich auf der Produktseite ausgegeben wird. Deaktiviere das Embed und lade diese Seite sofort neu. Wenn das Widget verschwindet, aktiviere das Embed wieder und wende dich an den Support.

Bei Rabatten mit Geschenken bleibt durch das aktivierte Embed außerdem die Bereinigung der Geschenke auf der Warenkorbseite erhalten. Weitere Informationen findest du unter Embed oder App-Block auswählen.

Wann benutzerdefiniertes CSS erforderlich ist

Verwende benutzerdefiniertes CSS nur, wenn sich die gewünschte Änderung mit den integrierten Einstellungen nicht umsetzen lässt. Sende dem Support die Produkt-URL und das gewünschte Layout, einschließlich der Angabe, ob es sich auf Mobilgeräten unterscheiden soll. So können wir den richtigen Container gezielt ansprechen, statt eine umfassende Regel auf jeden Rabatt anzuwenden.