Een bundelbouwer “Vaak samen gekocht” met live totalen: het huidige product staat als anker (“Dit item”) naast aanbevolen aanvullingen, elk met een eigen schakelaar. Elke schakelaar werkt direct het bundeltotaal, de doorgestreepte oorspronkelijke prijs, de groene regel You save en de optionele teller N of M items selected bij — en met één klik gaat de hele selectie in de winkelwagen.
Hoe deze template werkt
- Drie indelingen. De instelling Layout wisselt tussen vertical (een gestapelde lijst met schakelaars — de standaard), horizontal (een productrij verbonden door plustekens die zich aan de kaarten aanpast) en compact (een ministrook met kleine foto’s, namen en prijzen — regels voor social proof en informatie blijven daar verborgen om ruimte te besparen, terwijl het huidige product het label “Dit item” houdt). In de compacte strook plaatst Title Position de kop inline links van de producten (de standaard) of op een volledige regel erboven. Op smalle schermen wordt de horizontale rij automatisch een nette gestapelde lijst.
- Stijlaccenten en lookpresets. Eén keuzelijst Style accent (light, gold, bold, ocean) kleurt schakelaars, knoppen, totalen, besparingen en kaarten samen. Daarbovenop: Title Look (plain, caps, serif, underline, boxed), Buttons Look (solid, pill, outline, dark, square), Text Font (system, serif, rounded, condensed) en Item Info Order (standard, price-first, info-top, name-first). Elke kleur en elk lettertype blijft afzonderlijk te overschrijven in een eigen stijlveld.
- Engine voor live totalen. De footer toont het bundeltotaal, het oorspronkelijke totaal doorgestreept als er korting geldt, een regel You save die uit het verschil wordt berekend, en een optionele teller van geselecteerde items. Het totaal kan bij elke wijziging even pulseren (Animate Total, standaard aan).
- Hoeveel aanbevelingen. Er worden tot acht aanbevelingen opgehaald, maar alleen Max Items Shown (standaard 2) zijn zichtbaar. De rest staat achter een link + N more; uitgeklapte items verschijnen uitgeschakeld, zodat het totaal alleen producten bevat die de bezoeker echt heeft gezien en gekozen. Nog een klik op de link (Show Less Text) klapt ze weer in.
- Standaardselectie. Kies of de bundel begint met all items aan, none, of alleen het anchor-product geselecteerd. De kleur en zichtbaarheid van de schakelaar zijn aparte instellingen.
- Stijl van de bevestiging. Na het toevoegen aan de winkelwagen of het opslaan in het verlanglijstje ziet de shopper een bevestiging. Confirmation Style biedt modern (een donkere afgeronde toast met een vinkje — de standaard), system (de ingebouwde melding van Personyze) of custom (je eigen JS uit de velden Success en Error Action). De toast is op te maken via Confirmation Toast Style.
- Live demomodus. Tijdens het ontwerpen verschijnen automatisch realistische demoproducten met werkende schakelaars en totalen — bezoekers van de site zien ze nooit.
Instellingen wijzigen in de editor
Elke instelling staat in de zijbalk links in de actie-editor, gegroepeerd per onderwerp; klik op een groep om die uit te klappen, en het voorbeeld wordt direct bijgewerkt. Twee voorbeelden:
(1) De groep How Many Recommendations bevat Max Items Shown (standaard 2) en de teksten van de uitklaplink. (2) Show More Link wisselt tussen verborgen items tonen via een link of ze helemaal niet weergeven. (3) De resulterende link + N more in de verticale lijst — erop klikken in het voorbeeld werkt precies zoals op de site.
(1) De keuzelijst Layout zet de hele widget met één klik om naar vertical, horizontal of compact. (2) Hier de compacte strook: de titel inline links (via Title Position te verplaatsen naar boven de producten), gelijke minikaarten verbonden door plustekens, het label + N more, en het totaal met de winkelwagenknop — alles op één regel.
Badges, social proof en productinformatie
- Badges met verstandige standaardwaarden. Kortingspercentage (verborgen als de korting 0 is), NEW (producten die de laatste 14 dagen zijn toegevoegd), Popular en Bestseller (top 5% op weergaven of aankopen), en lage voorraad, dat het live resterende aantal toont gevolgd door te bewerken tekst zoals “left in stock” (gaat af bij 5 of minder stuks) — elke drempel, tekst en stijl is te bewerken.
- Regels voor social proof. Aantallen “vandaag bekeken” en “vandaag gekocht” per kaart, met een instelling voor het bereik: alle kaarten, alleen het anker of alleen de aanbevelingen.
- Regels met productinformatie. Extra catalogusvelden (merk, eigen kolommen) onder de productnaam, met dezelfde instelling voor het bereik.
Laden, pop-ups en stabiliteit
- Laadskelet. Glinsterende placeholderrijen (standaard aan) verschijnen totdat de aanbevelingen binnen zijn, zodat de widget nooit abrupt in beeld springt.
- Smooth Reveal. De widget blijft even onzichtbaar totdat formaat en positie vaststaan, en vloeit dan in — geen zichtbaar verspringen terwijl de pagina laadt. Standaard aan, met een vangnet dat hem altijd binnen ongeveer drie seconden toont.
- Bescherming tegen verouderde data. Bij navigatie racen het event voor de productweergave en het verzoek voor aanbevelingen tegen elkaar; zou de widget het product van de vorige pagina als “Dit item” tonen, dan verbergt hij zich voor die paginaweergave. De controle is ingebouwd (Require Current-Page View, standaard aan): de kaart van het huidige product moet linken naar de pagina die wordt bekeken. Zo blijft de widget ook automatisch weg van pagina’s die geen productpagina zijn — geen doelgroepregel nodig.
- Popup Hugs Widget. Draait de widget in een pop-up die veel breder is dan hijzelf, dan verkleint hij het pop-upkader tot zijn eigen formaat. Zet dit uit voor bewuste bannerpop-ups over de volle breedte.
Alle instellingen
Elke instelling staat in de zijbalk van de actie-editor, precies gegroepeerd zoals hieronder. Klik op een groep om de lijst uit te klappen. Instellingen met (CSS) nemen ruwe CSS; de rest zijn tekst, getallen of eenvoudige keuzelijsten.
Style Accent — Kleurpreset plus de algemene indeling.
- Style accent — light = strak blauw. gold = donker premium. bold = rood. ocean = diepblauw. Kleurt schakelaars, knoppen, totalen, links en kaarten samen.
- Text Font — system = strakke schreefloze letter. serif = klassieke schreefletter. rounded = vriendelijke afgeronde schreefloze letter. condensed = smalle, ruimtebesparende schreefloze letter.
- Item Info Order — standard = label, naam, prijs, details. price-first = prijs boven de naam. info-top = productdetails boven de naam. name-first = naam boven het kleine label.
- Layout — vertical = gestapelde lijst met schakelaars. horizontal = productrij met plustekens, in Amazon-stijl. compact = ministrook van één regel voor winkelwagenpagina’s.
Catalog Fields — Welke cataloguskolommen het huidige product en de aanbevelingen voeden. Eén keer per site instellen.
Koppelt je cataloguskolommen aan de template (producttitel, prijzen, afbeelding, URL, merk, voorraad en eigen attributen).
Layout — Widgetcontainer, scheidingstekens en laadgedrag.
- Widget Outer Container Style (CSS) — De algemene widgetcontainer: breedte, padding, marge, lettertype en achtergrond.
- Separator Character — Het symbool tussen producten in de horizontale en compacte indeling. Meestal een plusteken.
- Separator Style (CSS) — Extra CSS voor het scheidingsteken +: kleur, grootte enz.
- Loading Skeleton — Grijze glinsterende placeholderrijen die even worden getoond terwijl de aanbevelingen laden, en daarna worden vervangen door de echte kaarten. Standaard aan.
- Smooth Reveal — Houd de widget even onzichtbaar totdat formaat en positie vaststaan, en laat hem dan invloeien. Voorkomt zichtbaar verspringen terwijl de pagina laadt.
- Popup Hugs Widget — Draait de widget in een pop-up die veel breder is dan de widget, verklein dan het pop-upkader tot het formaat van de widget. Zet het uit voor bannerpop-ups over de volle breedte.
Title — De kop boven de producten.
- Title Look — plain = zoals ontworpen. caps = hoofdletters met letterafstand. serif = elegante schreefletter. underline = onderstreping in de accentkleur. boxed = getinte pil achter de titel.
- Title Text — Kop boven de lijst met kaarten, bijv. Maak de bundel compleet.
- Title Position (Strip Layout) — Waar de kop in de compacte strook staat: side = inline links van de producten, de huidige look. top = volledige regel boven de producten.
- Title Icon — none = geen icoon. library = kies een ingebouwd icoon. image = gebruik je eigen geüploade afbeelding.
- Icon (from library) — Kies een icoon uit de ingebouwde bibliotheek. Getoond als Title Icon op library staat.
- Library Icon Style (CSS) — Grootte, kleur en ruimte van het bibliotheekicoon.
- Icon Image — Je eigen afbeelding, getoond als Title Icon op image staat.
- Icon Image Style (CSS) — Grootte en ruimte van het afbeeldingsicoon.
- Title Style (CSS) — Lettergrootte, -dikte en -kleur van de titel.
Product Cards — Uiterlijk van elke productkaart en de onderdelen ervan.
- Recommended Item Label — Klein label boven elke aanbevolen productnaam, bijv. Add to bundle.
- Open Product Links In — Waar links op productnamen openen: hetzelfde tabblad (_self) of een nieuw tabblad (_blank).
- Card Style (CSS) — Padding, marge, achtergrond en rand van elke rij met een productkaart.
- Product Image Style (CSS) — Grootte, rand en achtergrond van de productminiatuur in elke kaart.
- Product Name Style (CSS) — Lettertype, grootte en kleur van de productnaam.
- Item Label Style (CSS) — Stijl van het kleine label boven elke naam (Dit item / Aan bundel toevoegen).
- Price Style (CSS) — Lettertype, grootte en kleur van de prijs.
- Original Price Style (strikethrough) (CSS) — Stijl van de doorgestreepte oorspronkelijke prijs.
How Many Recommendations — Begrens de zichtbare aanbevelingen, met de rest achter een link Show More.
- Max Items Shown — Hoeveel aanbevolen producten eerst zichtbaar zijn. Er worden er tot 8 opgehaald; de rest verbergt zich achter de link Show More. Standaard 2.
- Show More Link — on = verborgen items zijn te tonen met een link zoals + 3 more. off = extra items worden gewoon helemaal niet getoond.
- Show More Text — Label van de uitklaplink. Schrijf %N waar het aantal verborgen items moet komen.
- Show Less Text — Label van de link na het uitklappen, om de extra items weer in te klappen, bijv. Show less.
- Show More Link Style (CSS) — Stijl van de uitklaplink.
Current Product (This Item) — Het product dat de bezoeker bekijkt, getoond als eerste kaart.
- Current Product Label — Klein label boven de naam van het huidige product, bijv. Dit item.
- Require Current-Page View — on = de widget verschijnt alleen als de kaart van het huidige product linkt naar de pagina die wordt bekeken; horen de data nog bij een vorige pagina (of is de bezoeker niet op een productpagina), dan verbergt de hele widget zich in plaats van een verouderde bundel te tonen. Standaard aan; zet het uit om altijd te tonen wat de databron teruggeeft.
- Emphasize Current Product — Laat de huidige kaart opvallen. off = geen nadruk. tint = zachte accentachtergrond. ring = accentrand met gloed. bar = accentstreep links. badge = klein accentlabel bovenop.
- Current Product Badge Text — Tekst voor het kleine label als Emphasize op badge staat, bijv. Jouw item.
- Current Product Card Style (CSS) — Extra CSS die alleen op de kaart van het huidige product wordt toegepast (bovenop de normale kaartstijl).
- Require Current-Page View — Standaard aan: de widget verschijnt alleen als de kaart van het huidige product linkt naar de pagina die wordt bekeken; op andere pagina’s, of als de data nog bij de vorige pagina horen, verbergt de hele widget zich in plaats van een verouderde bundel te tonen. Zet het uit om altijd te tonen wat de databron teruggeeft — bijvoorbeeld als je dit liever op doelgroepniveau regelt, door te targeten op bezoekers van wie de laatste interactie een productweergave is.
Selection & Toggles — Hoe shoppers items opnemen of uitsluiten, en welke als geselecteerd beginnen.
- Default Selection — Welke items aangevinkt beginnen. all = elk item geselecteerd (hoogste bundelwaarde). anchor = alleen het huidige product. none = aanbevelingen beginnen uit, alleen het huidige product is aangevinkt.
- Show Include Toggle — Toon de aan/uit-schakelaar waarmee shoppers elk item kunnen opnemen of uitsluiten. Zet het uit om altijd elk getoond item op te nemen.
- Include Control Style — switch = schuifschakelaar. checkbox = klassiek selectievakje met een vinkje.
- Include Control Position — Waar de schakelaar of het selectievakje op elke kaart staat: right (standaard), left, center of outside-left (in de marge links van de kaart).
- Toggle / Checkbox Color — Kleur van de schakelaar als een item is geselecteerd. Laat het staan om automatisch de Style accent te volgen, of kies een specifieke kleur om die te overschrijven.
Prices — Prijsweergave, valutasymbolen en getalnotatie.
- Show Prices — Zet de prijsweergave op elke kaart aan of uit.
- Currency Symbol Before Price — Symbool voor de prijs, bijv. € of EUR.
- Currency Symbol After Price — Symbool na de prijs, bijv. EUR.
- Number Format Locale — BCP 47-taaltag, bijv. en, de, fr, nl-NL.
- Decimal Places — Aantal decimalen in prijzen, bijv. 2 voor €9,99.
- Label for Free Items — Tekst die in plaats van een prijs verschijnt als het product gratis is, bijv. GRATIS.
Total Price Display — Het bundeltotaal, de besparingsregel en de teller van geselecteerde items.
- Total Label Text — Label boven de totaalprijs, bijv. Bundeltotaal:
- Total Label Style (CSS) — Lettergrootte en kleur van het totaallabel.
- Total Amount Style (CSS) — Stijl van het totaalbedrag.
- Original Price Style (strikethrough) (CSS) — Stijl van het oorspronkelijke totaal dat doorgestreept wordt getoond als er korting geldt.
- Animate Total on Change — Subtiele popanimatie op het totaalbedrag telkens als een item aan of uit wordt gezet.
- Show Savings Line — Toon onder het totaal een besparingsregel, zoals: You save 401.00, als de geselecteerde bundel goedkoper is dan de oorspronkelijke prijzen.
- Savings Label — Tekst voor het bespaarde bedrag, bijv. Je bespaart.
- Savings Line Style (CSS) — Lettertype, grootte en kleur van de besparingsregel. Standaard groen en vet.
- Show Selected Counter — Toon onder het totaal een regel zoals: 3 of 5 items selected. Standaard uit.
- Counter Text — Tekst van de teller. Schrijf %N waar het aantal geselecteerde items komt en %M waar het totaal aantal getoonde items komt.
- Counter Style (CSS) — Lettertype, grootte en kleur van de tellerregel.
Add to Cart Button — De hoofdknop voor toevoegen aan de winkelwagen en het gedrag ervan.
- Buttons Look — solid = gevulde rechthoek. pill = volledig afgerond. outline = transparant met accentrand. dark = bijna zwarte vulling. square = scherpe hoeken.
- Button Text — Label op de knop voor toevoegen aan de winkelwagen, bijv. Add bundle to cart.
- Extra add_to_cart Argument — Optioneel extra argument dat aan de functie add_to_cart_for_personyze() van je site wordt doorgegeven.
- Button Normal Style (CSS) — Standaarduiterlijk van de knop.
- Button Hover Style (CSS) — Uiterlijk van de knop bij hover met de muis.
- On Success (JS) – Advanced Override — Gevorderd: vervang de hele succesafhandeling door eigen JavaScript. Laat het leeg om het standaard succesbericht te gebruiken.
- On Error (JS) – Advanced Override — Gevorderd: vervang de hele foutafhandeling door eigen JavaScript. Laat het leeg om het standaard foutbericht te gebruiken.
Cart Messages — De bevestiging na het toevoegen aan de winkelwagen.
- Confirmation Style — modern = donkere afgeronde toastballon met een vinkje, net als de bevestiging van het verlanglijstje. system = de ingebouwde melding van Personyze. custom = voer je eigen JS uit vanuit de velden Success en Error Action.
- Success Message Text — Getoond nadat items aan de winkelwagen zijn toegevoegd. Standaard: Bundle added to cart.
- Success Message Style (CSS) — Stijl van de succesbanner.
- Error Message Text — Getoond als toevoegen aan de winkelwagen mislukt. Standaard: Cannot add to cart.
- Error Message Style (CSS) — Stijl van de foutbanner.
Product Info — Extra catalogusattributen (merk of eigen kolommen) op de kaarten.
- Show Product Info On — Welke kaarten deze attributen tonen. all = huidig product en aanbevelingen. main = alleen het huidige product. recommended = alleen de aanbevelingen.
- Show Brand — Toon het merk/de fabrikant van het product.
- Brand Label — Optionele tekst voor het merk, bijv. "Merk: ". Laat het leeg voor geen tekst.
- Show Custom Attribute 1 — Toon het eerste eigen attribuut (gekoppeld in Catalog Fields).
- Custom Attribute 1 Label — Optionele tekst voor attribuut 1, bijv. "Kleur: ".
- Show Custom Attribute 2 — Toon het tweede eigen attribuut.
- Custom Attribute 2 Label — Optionele tekst voor attribuut 2.
- Product Info Style (CSS) — Lettergrootte en kleur van de regel met productinformatie.
Social Proof Text — Live regels voor bekeken / gekocht / lage voorraad onder producten.
- Show Social Proof On — Welke kaarten de regels voor social proof tonen. all = huidig product en aanbevelingen. main = alleen het huidige product. recommended = alleen de aanbevelingen.
- Timeframe — today = laatste 24 uur. week = laatste 7 dagen.
- Show Views — Toon hoeveel mensen het product hebben bekeken.
- Show Purchases — Toon hoeveel mensen het product hebben gekocht.
- Show Low Stock — Toon een regel voor lage voorraad als de voorraad op of onder de drempel ligt (alleen bij aanbevelingen; vereist een voorraadkolom).
- Minimum Views to Show — Toon de regel met weergaven alleen als het aantal minstens dit is. Standaard 30.
- Minimum Purchases to Show — Toon de regel met aankopen alleen als het aantal minstens dit is. Standaard 3.
- Low Stock Threshold — Toon de regel voor lage voorraad als de voorraad op of onder dit getal ligt. Standaard 10.
- Views Label (today) — Tekst na het aantal weergaven, bijv. vandaag bekeken.
- Views Label (week) — Tekst na het aantal weergaven, bijv. deze week bekeken.
- Purchases Label (today) — Tekst na het aantal aankopen, bijv. vandaag gekocht.
- Purchases Label (week) — Tekst na het aantal aankopen, bijv. deze week gekocht.
- Low Stock Text — Tekst na het voorraadaantal, bijv. op voorraad.
- Views Icon — Icoon naast de regel met weergaven.
- Purchases Icon — Icoon naast de regel met aankopen.
- Low Stock Icon — Icoon naast de regel voor lage voorraad.
- Social Proof Text Style (CSS) — Lettergrootte en kleur van de regels voor social proof.
- Views Line Style (CSS) — Stijl specifiek voor de regel met weergaven (overschrijft de gedeelde stijl).
- Purchases Line Style (CSS) — Stijl specifiek voor de regel met aankopen.
- Low Stock Line Style (CSS) — Stijl specifiek voor de regel voor lage voorraad.
- Views Icon Style (CSS) — Grootte en kleur van het icoon voor weergaven.
- Purchases Icon Style (CSS) — Grootte en kleur van het icoon voor aankopen.
Popular Badge — Een badge Popular op de meest bekeken producten.
- Show Popular Badge — Zet de badge Popular aan of uit.
- Time Frame — Meet de populariteit over de afgelopen week of alleen vandaag.
- Threshold % (top N%) — De badge verschijnt op producten in de top N% meest bekeken. Bijv. 5 = top 5%.
- Badge Text — Label op de badge. Standaard: Popular
- Badge Style (CSS) — Positie, achtergrondkleur en vorm van de badge Popular.
- Badge Text Style (CSS) — Lettergrootte en -dikte van het label van de badge Popular.
Best Seller Badge — Een badge Best Seller op de meest gekochte producten.
- Show Best Seller Badge — Zet de badge Best Seller aan of uit.
- Time Frame — Meet de verkopen over de afgelopen week of alleen vandaag.
- Threshold % (top N%) — De badge verschijnt op producten in de top N% op aantal aankopen. Bijv. 5 = top 5%.
- Badge Text — Label op de badge. Standaard: Best Seller
- Badge Style (CSS) — Positie, achtergrondkleur en vorm van de badge Best Seller.
- Badge Text Style (CSS) — Lettergrootte en -dikte van het label van de badge Best Seller.
Discount Badge — Een badge met het kortingspercentage op afgeprijsde producten.
- Enable Discount Badge — Zet de badge met het kortingspercentage aan of uit.
- Min Discount % — De badge verschijnt alleen als de korting minstens dit percentage is.
- Badge Extra Label — Optionele tekst na het percentage. Bijv. OFF geeft: 20% OFF
- Badge Style (CSS) — Positie, achtergrond en vorm van de kortingsbadge.
- Badge Text Style (CSS) — Lettergrootte en -dikte van de tekst met het kortingspercentage.
New Badge — Een badge New op recent toegevoegde producten.
- Enable New Badge — Zet de badge New aan of uit.
- New Badge Threshold — Producten die binnen deze periode zijn toegevoegd, krijgen de badge.
- Badge Text — Label op de badge. Standaard: NEW
- Badge Style (CSS) — Positie, achtergrond en vorm van de badge New.
- Badge Text Style (CSS) — Lettergrootte en -dikte van het label van de badge New.
Stock Badge — Een badge die waarschuwt voor lage voorraad.
- Enable Stock Badge — Zet de badge voor het voorraadniveau aan of uit.
- Stock Threshold — De badge verschijnt als de voorraad op of onder dit getal ligt.
- Stock Badge Text Suffix — Tekst na het voorraadaantal. Bijv. left geeft: 3 left
- Badge Style (CSS) — Positie, achtergrond en vorm van de voorraadbadge.
- Badge Text Style (CSS) — Lettergrootte en -dikte van de tekst van de voorraadbadge.
Wishlist Button — De optionele knop om voor later te bewaren (standaard uit).
- Show Wishlist Button — Zet de knop Save Bundle for Later aan of uit.
- Button Text — Label op de knop voor het verlanglijstje, bijv. Save bundle for later.
- Confirmation Message After Adding — Bericht dat verschijnt nadat producten aan het verlanglijstje zijn toegevoegd.
- Confirmation Toast Style (CSS) — Extra CSS voor de donkere bevestigingsballon na het opslaan in het verlanglijstje, bijv. achtergrond of lettergrootte.
- Button Normal Style (CSS) — Standaarduiterlijk van de knop voor het verlanglijstje.
- Button Hover Style (CSS) — Uiterlijk van de knop voor het verlanglijstje bij hover met de muis.
Close Button — De optionele knop om te sluiten/weg te klikken.
- Show Close Button — Zet de knop om te sluiten/weg te klikken aan of uit.
- Close Button Content — Label of icoon voor de sluitknop.
- Close Button Style (CSS) — Stijl van het element van de sluitknop.
Editor Notes — Demobundel en ontwerpnotitie die alleen in de editor zichtbaar zijn.
- Demo Bundle (Preview Only) — Drie voorbeeldproducten met werkende schakelaars en totalen, alleen getoond in de editor en op voorbeeldlinks als er nog geen echte data worden weergegeven. Bezoekers zien ze nooit.
- Show Editor Note
- Editor Note Text
- Guide Link URL
Goed om te weten
- De widget verbergt zich buiten productpagina’s en bij verouderde data. Require Current-Page View (standaard aan) zorgt dat de bundel nooit het product van de vorige pagina toont of op de homepage verschijnt. Regel je dit liever zelf? Zet het uit en voeg een doelgroepregel toe die target op bezoekers van wie de laatste interactie een productweergave is.
- De besparingsregel verschijnt alleen als er iets te besparen valt. Heeft geen enkel geselecteerd item korting, dan verbergen het doorgestreepte totaal en de regel You save zichzelf.
- Add bundle to cart verstuurt alle geselecteerde items in één aanroep via de kolommen voor toevoegen aan de winkelwagen in je catalogus; een tweede knop voor het verlanglijstje, Save bundle for later, staat standaard uit en is met één klik aan te zetten, en beide zijn volledig op te maken.
- Centrale prijzen. Eén keuzelijst voor het prijsformaat en één paar velden voor het valutasymbool gelden overal waar prijzen verschijnen, ook bij totalen en besparingen.
- Stijlbestendige weergave. De stijlen van de template zijn zo gebouwd dat ze agressieve site-CSS overleven, terwijl aanpassingen per element die je in de editor maakt nog steeds voorrang krijgen op de standaardwaarden van de template.
- Opgeslagen templatekaarten bevriezen hun code. Bewaar je een eigen kopie in Your templates, dan gebruiken acties die daaruit worden gemaakt de code zoals die was bij het opslaan — sla de kaart na grote updates opnieuw op.
Gerelateerd
- Korting bij samen kopen voor e-commerceaanbevelingen — de strategie en toepassingen achter bundelkortingen.
- Bought Together — klassieke strook — dezelfde engine in de klassieke look: fotostrook bovenaan, totaalprijsvak, lijst met selectievakjes eronder.
- Templates — het volledige overzicht van de templatebibliotheek.
- Verticale productlijst — een lijstindeling voor aanbevelingen zonder bundellogica.