De widget is te smal of heeft een grote tussenruimte

Als de widget te smal is, een grote tussenruimte heeft of inhoud eromheen overlapt, begin je met de ingebouwde instellingen voor breedte en tussenruimte. Als die het probleem niet oplossen, moet je mogelijk de plaatsingscontainer van het thema aanpassen.

De breedte instellen

1. Open de korting in Bundlex en ga naar het tabblad Stijl.
2. Vouw Widgetstijl uit en vervolgens Container.
3. Stel Maximale breedte in op Volledige breedte (100%), of kies Aangepast en voer een breedte in.
4. Sla de wijzigingen op en controleer de productpagina op desktop en mobiel.

De standaardbreedte is Shopify-standaard (44rem). Met Volledige breedte wordt de bovenliggende container van de widget gevuld. Hierdoor kan een smalle kolom van het thema niet breder worden gemaakt.

De ruimte erboven of eronder aanpassen

Gebruik in dezelfde sectie Container de opties Marge boven en Marge onder om de tussenruimte aan te passen. Deze instellingen horen bij deze korting en zijn eenvoudiger te onderhouden dan een CSS-overschrijving voor de hele shop.

Als het aanpassen van de marges geen effect heeft op de tussenruimte, kan de ruimte bij een ander themablok of een andere themasectie horen. Deel de product-URL met support, zodat we kunnen vaststellen welk element hiervoor verantwoordelijk is.

De widget overlapt reviews, badges of andere blokken

Een widget die in een container voor een korte koopknop is geplaatst, kan groter worden dan de vaste hoogte van die container. De widget bedekt dan de bezorgtekst, reviews of andere inhoud eronder. De breedte van de widget vergroten of marges toevoegen lost de onderliggende plaatsing mogelijk niet op.

Neem contact op met support en stuur de product-URL en een screenshot waarop de overlap zichtbaar is. We kunnen controleren of de widget buiten de beperkte container kan worden geplaatst. Verwijder geen andere app alleen omdat de inhoud ervan toevallig onder de widget staat.

Voordat je overschakelt naar een appblok

Als je kiest voor handmatige plaatsing van een blok, controleer je eerst of het blok zich in een sectie bevindt die op de daadwerkelijke productpagina wordt weergegeven. Schakel de embed uit en laad die pagina onmiddellijk opnieuw. Als de widget verdwijnt, schakel je de embed weer in en neem je contact op met support.

Bij kortingen met cadeaus blijft het opschonen van cadeaus op de winkelwagenpagina behouden wanneer je de embed ingeschakeld laat. Zie kiezen tussen de embed en het appblok.

Wanneer aangepaste CSS nodig is

Gebruik aangepaste CSS alleen wanneer de ingebouwde instellingen de gewenste wijziging niet kunnen uitvoeren. Stuur support de product-URL en de gewenste lay-out, inclusief de informatie of deze op mobiel moet verschillen. Zo kunnen we de juiste container targeten in plaats van een brede regel op elke korting toe te passen.