De klassieke look “Bought Together”: bovenaan een fotostrook verbonden door plustekens, een totaalprijsvak met één call-to-actionknop ernaast, en daaronder een lijst met selectievakjes voor de items. Vink je een item uit, dan verdwijnt de foto uit de strook, schuiven de plustekens mee, en worden het totaal, de besparingsregel en het aantal op de knop direct bijgewerkt.
Hoe deze template werkt
- De strook volgt de selectie. Alleen aangevinkte items verschijnen in de fotostrook; de eerste zichtbare foto krijgt nooit een plusteken. Max Photos in Strip begrenst hoeveel foto’s er verschijnen (0 = alle; zet 3 voor de strikte klassieke look), en Strip Photo Style regelt hun formaat en rand. De hele strook kun je uitzetten met Show Image Strip.
- De knop telt de bundel. Het standaardlabel is Add all %N to Cart — %N wordt live vervangen door het aantal geselecteerde items. Een apart label Button Text (single item) (standaard Add to Cart) wordt gebruikt als er nog maar één item geselecteerd is.
- De lijst met selectievakjes. Elke rij toont een selectievakje, een optionele miniatuur, de productnaam als link en rechts de prijs; het huidige product krijgt het label This item:. Show Thumbnails in List (aan/uit) wisselt tussen de lijst met afbeeldingen en de klassieke look met alleen tekst.
- Compacte mobiele weergave. Op kleine schermen (standaard aan): kleinere foto’s in de strook, het totaalvak schuift over de volle breedte onder de strook, miniaturen krimpen en extra informatieregels verdwijnen.
- Gedeelde engine. Alles uit de template Buy Together gaat mee: vier stijlaccenten plus lookpresets voor Title/Buttons/Font/Info-Order, besparingsregel en teller van geselecteerde items, geanimeerd totaal, maximumaantal items met een inklapbare link + N more (uitgeklapte items komen niet aangevinkt binnen), standaardselectie, badges met verstandige drempels, laadskelet, Smooth Reveal, Popup Hugs Widget, centraal prijsformaat, de bevestigingstoasts modern/system/custom, en de ingebouwde bescherming tegen verouderde data (Require Current-Page View, standaard aan): de widget verschijnt alleen als de kaart van het huidige product linkt naar de pagina die wordt bekeken, en verbergt zichzelf op andere pagina’s of als de data nog bij de vorige pagina horen.
- Live demomodus. Tijdens het ontwerpen verschijnen automatisch demoproducten met een werkende strook, totalen en schakelaars — bezoekers van de site zien ze nooit.
Goed om te weten
- “This item” is altijd het product dat wordt bekeken. De kaart van het huidige product is gekoppeld aan de laatste productweergave van de bezoeker, los van het aanbevelingsalgoritme dat je kiest — het algoritme bepaalt alleen de aanbevolen aanvullingen. In het voorbeeld in de editor kunnen voorbeelddata iets anders doen vermoeden; op de live site houdt de koppeling stand.
- Uitgeklapte items komen niet aangevinkt binnen. Producten achter de link + N more verhogen het totaal nooit ongemerkt; de strook wordt opnieuw opgebouwd telkens als items worden uit- of ingeklapt.
- Foto’s met kapotte of ontbrekende afbeeldingen verwijderen zichzelf automatisch uit de strook in plaats van een icoon voor een kapotte afbeelding te tonen.
- Regels voor social proof en productinformatie zijn beschikbaar maar staan standaard uit — de klassieke look is bewust schoon; zet ze per bereik aan als je ze wilt.
- Opgeslagen templatekaarten bevriezen hun code. Sla je kopie in Your templates na grote updates opnieuw op.
Gerelateerd
- Buy Together — bundelbouwer met live totaal — de variant met kaarten, in verticale, horizontale en compacte indeling.
- Templates — het volledige overzicht van de templatebibliotheek.