Naar hoofdinhoud gaan
Ontwerp en aanpassing

Een widgetindeling en achtergronddecoratie kiezen

Deze handleiding behandelt drie weergave-instellingen voor je bundelwidget: de algemene indeling, de maximale breedte van de container en een optionele achtergronddecoratie bij de geselecteerde aanbieding. Open het tabblad Stijl voor instellingen voor indeling, breedte en decoratie.

De widgetindeling instellen

Tabblad Stijl met de gestapelde widgetindeling, uitlijning van de koptekst en prijsinstellingen naast het opgeslagen voorbeeld in warme kleuren.
(1) Open Stijl. (2) Met Widgetindeling rangschik je de aanbiedingskaarten. In het voorbeeld zie je Gestapeld; de producten in een productbundel hebben afzonderlijke indelingsinstellingen.
Widgetindeling Raster geselecteerd in Stijl, met de drie hoeveelheidsstaffels naast elkaar in het voorbeeld.
(1) Met Raster plaats je de aanbiedingskaarten naast elkaar. (2) Controleer de kaartlengtes en prijzen in het voorbeeld; met Gelijke blokgrootte kun je de kaart hoogtes op elkaar afstemmen. Dit indelingsvoorbeeld is verwijderd.

De indeling bepaalt hoe de aanbiedingskaarten, oftewel je hoeveelheidsstaffels, in de widget worden gerangschikt.

  1. Open de bundel die je wilt bewerken.
  2. Open het tabblad Stijl.
  3. Kies onder Widgetindeling een van de opties:
    • Gestapeld - aanbiedingskaarten staan onder elkaar. Dit is de standaardinstelling.
    • Raster - aanbiedingskaarten staan naast elkaar.

Gebruik het livevoorbeeld om te controleren welke indeling het beste bij je productpagina past.

Deze instelling rangschikt de aanbiedingskaarten. Gebruik de afzonderlijke instellingen voor bundelindeling van de aanbieding om de producten binnen één productbundelaanbieding te rangschikken.

De maximale breedte van de container kiezen

Widgetstijl, paneel Container met Volledige breedte, nul boven- en ondermarges en een rode waarschuwingskleur, naast het voorbeeld van de widget.
(1) Maximale breedte en marges bepalen de widget binnen de themacontainer. (2) De waarschuwingskleur bepaalt de stijl van tekst over een lage voorraad.

De maximale breedte bepaalt hoe breed de volledige widgetcontainer op de productpagina kan worden. Deze instelling staat in de sectie Container van het tabblad Stijl.

  1. Open in het tabblad Stijl de sectie Container.
  2. Gebruik de vervolgkeuzelijst Maximale breedte om een van deze opties te kiezen:
    • Shopify-standaard (44rem) - beperkt de widget tot 44rem binnen de beschikbare ruimte.
    • Volledige breedte (100%) - de widget vult de beschikbare ruimte in de kolom. Dit is de standaardinstelling voor nieuwe bundels.
    • Aangepast - stel je eigen waarde in.
  3. Als je Aangepast selecteert, verschijnt het veld Breedte. Voer een waarde in pixels (px) in.

Volledige breedte vult de beschikbare bovenliggende container, maar maakt de productinformatiekolom van je thema niet breder. Gebruik voor ruimte boven en onder de widget Marge boven en Marge onder in hetzelfde paneel Container. Zie widgetbreedte en uitlijning als de omliggende thema-indeling de beperking vormt.

Een achtergronddecoratie toevoegen

Tabblad Stijl met ingeschakelde decoratie en geselecteerde harten, alleen zichtbaar achter de geselecteerde aanbieding Buy 1.
(1) Schakel Decoratie in en kies een stijl. (2) Het effect verschijnt alleen op de geselecteerde kaart. Harten was een niet-opgeslagen voorbeeld en is verwijderd.

Een decoratie voegt een geanimeerd achtergrondeffect toe aan de aanbiedingskaart. De decoratie wordt alleen afgespeeld voor de geselecteerde aanbieding, zodat de aandacht wordt gevestigd op de staffel die de klant heeft gekozen.

  1. Open het tabblad Stijl en schakel de optie Decoratie in. Deze optie is standaard uitgeschakeld. Als je de optie uitschakelt, wordt de decoratie verwijderd.
  2. Kies een van de stijlen die verschijnen:
    • Vlekken
    • Ringen
    • Harten
    • Sterrenexplosie
    • Percentage
    • Sterren
    • Klok
    • Geld

Elke optie heeft een eigen pictogram in de kiezer, zodat je de stijlen uit elkaar kunt houden. De pictogrammen zijn eenvoudige symbolen en geven het effect niet exact weer. Controleer daarom het live voorbeeld om te zien hoe de animatie er daadwerkelijk uitziet en om te bevestigen dat deze goed zichtbaar is tegen de achtergrondkleur van de geselecteerde aanbieding.

Tip: maak het cadeaublok transparant

Als je bundel een gratis cadeau bevat en je een decoratie inschakelt, kan het cadeaublok boven op het effect komen te liggen en dit verbergen. In dat geval toont Bundlex onder de decoratiestijlen de suggestie: Cadeaublok transparant maken.

Klik bij die suggestie op Toepassen om transparantie toe te voegen aan de achtergrondkleur van het geselecteerde cadeau, zodat de decoratie erachter zichtbaar wordt. Je kunt dit ook handmatig doen in het gedeelte Cadeau en upsell door de dekking van de achtergrondkleur van Cadeau van geselecteerde aanbieding te verlagen.

Deze suggestie verschijnt alleen wanneer een decoratie actief is, de bundel ten minste één cadeau bevat en de achtergrondkleur van het geselecteerde cadeau nog volledig ondoorzichtig is, dus zonder transparantie.

Was dit artikel nuttig?

Met je feedback kunnen we onze documentatie verbeteren.

Bedankt, we blijven dit artikel verbeteren.

Wil je met ons team chatten? Heb je nog een vraag?

Nog hulp nodig?

Ons team is slechts één klik verwijderd. Stuur ons een bericht en we nemen contact met je op.

We gebruiken enkele cookies om deze site goed te laten werken, te meten hoe de site wordt gebruikt en onze chatwidget te activeren wanneer je deze opent. Bekijk ons cookiebeleid.