Widgeten är för smal eller har ett stort mellanrum

Om widgeten är för smal, har ett stort mellanrum eller överlappar närliggande innehåll börjar du med de inbyggda inställningarna för bredd och avstånd. Om de inte löser problemet kan temats placeringsbehållare behöva justeras.

Ställ in bredden

1. Öppna rabatten i Bundlex och gå till fliken Stil.
2. Expandera Widgetstil och sedan Container.
3. Ställ in Maximal bredd på Full bredd (100 %), eller välj Anpassad och ange en bredd.
4. Spara och kontrollera produktsidan på dator och mobil.

Standardbredden är Shopifys standard (44 rem). Full bredd fyller widgetens överordnade container och kan därför inte göra en smal temakolumn bredare.

Justera utrymmet ovanför eller nedanför

I samma avsnitt för Container använder du Övre marginal och Nedre marginal för att justera mellanrummet. Dessa inställningar hör till den här rabatten och är enklare att underhålla än en CSS-överskrivning för hela butiken.

Om marginalerna inte påverkar mellanrummet kan utrymmet tillhöra ett annat temablock eller en annan sektion. Dela produktens URL med supporten så att vi kan identifiera vilket element som skapar det.

Widgeten överlappar recensioner, märken eller andra block

En widget som placeras i en container som är utformad för en kort köpknapp kan växa utanför containerns fasta höjd. Den täcker då leveranstext, recensioner eller annat innehåll under den. Att öka widgetens bredd eller lägga till marginaler kanske inte löser det underliggande placeringsproblemet.

Kontakta supporten med produktens URL och en skärmbild som visar överlappningen. Vi kan kontrollera om widgeten kan placeras på en lämplig plats utanför den begränsade containern. Ta inte bort en annan app bara för att dess innehåll råkar ligga under widgeten.

Innan du byter till ett appblock

Om du väljer manuell blockplacering kontrollerar du först att blocket finns i en sektion som faktiskt renderas på produktsidan. När du har stängt av inbäddningen laddar du om sidan direkt. Om widgeten försvinner aktiverar du inbäddningen igen och kontaktar supporten.

För rabatter med gåvor bevaras även rensningen av gåvor på kundvagnssidan om du behåller inbäddningen. Se så väljer du mellan inbäddning och appblock.

När anpassad CSS behövs

Använd anpassad CSS endast när de inbyggda inställningarna inte kan uttrycka ändringen. Skicka produktens URL och den layout du vill ha till supporten, inklusive om den ska skilja sig på mobil. Då kan vi rikta in oss på rätt container i stället för att tillämpa en bred regel på alla rabatter.