Onderzoek en research over Shopify en e-commerce
Dawn levert quick buy ingebouwd én uitgeschakeld. De instelling komt in slechts 2 van de 46 secties voor, en de twee werkende modi zijn niet gelijkwaardig: standard voegt 21128 bytes toe aan een collectiepagina, bulk 41935. Gelezen uit de broncode van het thema op v16.0.0.
Zoek op “Shopify quick buy” en elk resultaat verkoopt je een app. Dawn heeft het ingebouwd, al jaren, en levert het uitgeschakeld. Deze pagina behandelt wat de instelling werkelijk doet, waar hij zit, en wat elk van de twee werkende modi je aan bytes kost — gelezen uit Dawn v16.0.0, gepubliceerd op 2026-08-10.
Hoe we aan deze cijfers komen. Op 1 september 2026 lazen we de broncode van het thema bij release v16.0.0: het settings-schema en de conditionele asset-tags in sections/main-collection-product-grid.liquid, de rendering-branches in snippets/card-product.liquid, en de bytegrootte van elk assetbestand dat het thema per modus laadt, overgenomen uit de repository zelf in plaats van geschat. We hebben ook alle 46 sectiebestanden gescand om elke plek te vinden waar de instelling voorkomt.
De instelling is quick_add, een dropdown met 3 keuzes — none, standard, bulk — en hij staat standaard op none. Er verschijnt niets op je productkaarten totdat je dat verandert.
Hij is ook zeldzamer dan je zou verwachten. Van de 46 secties in Dawn bevatten er precies 2 hem:
| Sectiebestand | Naam in de editor | Standaard |
|---|---|---|
featured-collection.liquid | Featured collection | none |
main-collection-product-grid.liquid | Productraster | none |
Dat is het hele oppervlak. Zoekresultaten, gerelateerde producten en recent bekeken bieden hem niet, dus een shopper die via zoeken bij een product komt ziet geen quick add-knop, hoe de instelling ook is geconfigureerd.
standard zet een Add to cart-knop op de kaart. Wat er daarna gebeurt hangt af van het product: bij één variant gaat het artikel meteen in de cart, en bij meerdere varianten opent het thema een <quick-add-modal> en haalt het op de achtergrond de volledige productpagina op om daarin de variantkiezer te tonen. Die fetch is een echt verzoek om een echte pagina, gedaan op het moment dat de shopper klikt.
bulk vervangt de knop door een aantalveld. Het is gebouwd voor wholesale-achtig bestellen waarbij een koper meerdere stuks van hetzelfde artikel afneemt, en bij producten met één variant rendert het de aantalbesturing direct op de kaart.
Dit is het deel dat de keuze bepaalt, en het staat in geen enkele documentatie. Het thema laadt per modus andere bestanden, en de conditionele blokken bovenaan de sectie geven precies aan welke:
| Wanneer | Geladen bestanden | Bytes |
|---|---|---|
| Altijd, tenzij uit | quick-add.css | 8,687 |
standard voegt toe | quick-add.js, product-form.js | 12,441 |
bulk voegt toe | quick-add-bulk.js, quantity-popover.js, price-per-item.js, quick-order-list.js | 33,248 |
Dus standard aanzetten voegt 21,128 bytes toe aan een collectiepagina. bulk aanzetten voegt 41,935 bytes toe — 2,0× zoveel.
Het gat zit niet waar je zou raden. bulk haalt quick-order-list.js binnen, 18,255 bytes, wat de quick order list-component is — een functie die niets te maken heeft met het toevoegen van één artikel vanaf een kaart, maar wel in dezelfde bundel zit. Dat ene bestand is groter dan alles wat standard bij elkaar laadt.
Niets hiervan is gecomprimeerde grootte en niets hiervan is uitvoeringskosten; het is wat de browser moet ophalen en parsen voordat de kaart zich gedraagt. Op een collectiepagina die toch al productafbeeldingen meedraagt is het een redelijke ruil voor standard en een beslissing die je bewust moet nemen voor bulk.
Zet standard aan op je collectie- en featured-collection-secties, tenzij je een reden hebt om dat niet te doen. Het is 21,128 bytes voor een conversiefunctie die merchants routinematig met een maandelijkse app-fee nabouwen, en de app-versie zal niet lichter zijn.
Grijp alleen naar bulk als kopers echt meerdere stuks van hetzelfde artikel bestellen. Anders betaal je 20,807 extra bytes op elke collectiepagina voor een aantalveld dat de meeste shoppers nooit zullen aanraken.
De dropdown is gedefinieerd in het {% schema %}-blok van sections/main-collection-product-grid.liquid; de conditionele stylesheet_tag- en script-regels zijn de eerste 24 regels van hetzelfde bestand. De rendering-branches staan in snippets/card-product.liquid, dat quick_add uitleest en schakelt op 'standard' en 'bulk'. De bestandsgroottes komen uit de assets/-map van de repository op v16.0.0.
Ja, ingebouwd. De instelling heet Quick add en staat standaard op none, en daarom laten de meeste Dawn-winkels geen knop zien. Zet hem op standard of bulk in de sectie productraster of featured collection.
Standard toont een Add to cart-knop; bij een product met meerdere varianten opent er een modal en wordt de productpagina opgehaald om de variantkiezer te tonen. Bulk toont in plaats daarvan een aantalveld, voor kopers die meerdere stuks van hetzelfde artikel afnemen.
Het voegt bestanden toe. Standard laadt 21128 bytes op een collectiepagina en bulk laadt 41935, gemeten aan de assetbestanden in Dawn v16.0.0. De css wordt voor beide modi geladen en helemaal niet geladen wanneer de instelling uitstaat, dus hem uit laten staan kost niets.
Omdat het 4 scripts laadt in plaats van 2, waaronder quick-order-list.js van 18255 bytes — de quick order list-component, die groter is dan alles wat standard bij elkaar laadt.
Niet op Dawn. Het thema regelt het voor 21128 bytes zonder maandelijkse kosten. Een app zou zijn eigen script toevoegen bovenop wat het thema al meelevert.