ReAI sin test-nettbutikk · Betaling i kassen fungerer, hele flyten kan testes
ReAI/ commerce
EN
← Lær ReAI
SITE API + DESIGN

Samlinger og kolleksjonssider i ReAI.

Samlinger organiserer publiserte produkter. Den samme listen kan bli et rutenett, en kompakt katalog eller en fotohistorie. Designet trenger ikke en egen kopi av produktdataene.

Følg flyten

  1. Publiser produkter med offentlige handles og markedspriser.
  2. Velg produkter og rekkefølge manuelt, eller bruk en automatisk regel i ReAI.
  3. Hent resultatet fra Site API. La nettsiden bestemme presentasjonen.

Kuratering og regler

En manuell samling er en valgt, ordnet produktliste. Automatiske samlinger bruker regler; testbutikken samler for eksempel produkter med merket ReAI Demo. ReAI gjør medlemskapet klart før levering. Nettsiden skal ikke tolke reglene på nytt.

Prøv ulike visninger

Index har egenskapsfiltre, søk, prissortering og rutenett/liste. «Utvalgt» gjenoppretter API-rekkefølgen. Søk og sortering skjer her i nettleseren på den leverte samlingen. Famme og Lookbook viser fotobaserte innganger med tydelig merkede testdata.

Filtre fra produktmodellen

Site API leverer kategori, produkttype og strukturerte egenskaper. Index og vanlige kolleksjonssider bygger filtre fra denne samlingens produkter. Fargevalg bruker stabile oppførings-ID-er; etiketter kan endres uten at identiteten endres. Flere valg i samme gruppe betyr «eller»; ulike grupper betyr «og». Solgul og ReAI-blå beskriver illustrasjonene i de symbolske testproduktene, ikke fysiske varer.

Finn en variant som oppfyller alt

Farge, størrelse, pris og tilgjengelighet må passe samme variant. En blå variant i M skal ikke gi treff fordi en rød variant i S er på lager. Resultattallet teller produkter, og viste priser gjelder variantene som passer valgene. «Kun tilgjengelige» henter fersk tilgjengelighet separat. Filter-URL-er kan deles, og nettleserens tilbakeknapp gjenoppretter valgene.

Medlemskap er ikke lagerstatus

En variant kan være utsolgt selv om produktet er i en samling. Hent tilgjengelighet separat; checkout validerer pris og lager igjen. Bruk samme marked og språk for katalog, detaljer og kurv.

Ett medlemskap, flere presentasjoner.
GET /site/v1/commerce/storefront?market=default&locale=nb-NO
GET /site/v1/commerce/collections/{handle}?market=default&locale=nb-NO

Membership + ordering → grid / list / photo story
Variant IDs → fresh availability → checkout validation
Neste kapittelFra checkout til ordre, levering og regnskap. ↗

Handlekurv

Sum produkter—

Live-katalog fra ReAI. Betalingsmodus og mottaker vises før checkout.

Se handlekurven