Vier winkelthema's en een sterkere pagina-editor

Dit is een uitgeschreven terugblik op 26 april tot 9 mei 2026, gepubliceerd op 12 oktober 2026. Behandelde periode: 26 april - 9 mei 2026. De hoofdfunctie van deze twee weken zijn thema's: de look van een winkel die je als geheel kunt wisselen.

Kort samengevat

• We bouwden een themasysteem en besloten dat de eerste versie met vier thema's uitkomt: Neo-Brutalism, Botanical, Sketch en Playful Geometry.
• De pagina-editor kreeg een lange lijst gereedschappen: meervoudige selectie, roteren, bijsnijden, ongedaan maken en opnieuw, versiegeschiedenis en een eerlijke opslagindicator.
• Cursusgeneratie is herwerkt, zodat een lange cursus minder snel halverwege blijft hangen.

Hoofdfunctie: vier thema's

Een thema bepaalt hoe knoppen, kaarten, invoervelden, tabs en dialogen eruitzien in de hele winkel. Daarvoor moest een maker die een andere uitstraling wilde, dingen per sectie aanpassen.

Op 9 mei namen we een scopebeslissing en schreven die in de code: de eerste release heeft maar vier thema's.

• Neo-Brutalism: scherpe hoeken, dikke contouren en harde schaduwen.
• Botanical: zachte, organische vormen, cursieve nadruk en diffuse schaduwen.
• Sketch: een achtergrond met papiergrein, een handgetekende uitstraling en handgeschreven lettertypen.
• Playful Geometry: de standaard voor een nieuwe winkel.

Drie andere stijlen die we onderzochten (Claymorphism, Flat Design en Material You) zijn uitgesteld naar een latere versie. We leveren liever vier die werken dan zeven die half werken.

Wat de commits laten zien over het themawerk:

• Basisbouwstenen zoals knoppen, kaarten, badges, invoervelden, tabs, dialogen en zijpanelen halen hun look nu uit het actieve thema.
• Een nieuwe winkel begint met Playful Geometry. Er kwam een themakiezer in de onboarding, een themabediening in de inspector en een schakelaar voor ons eigen adminteam.
• Veel winkelpagina's die kopers zien, zijn omgezet zodat ze het thema volgen in plaats van vaste opmaak.
• De header kreeg een instelling voor verhoging: vlak, zacht, sterk of zwevend.
• Interne controles en een prestatiebudget per thema zijn toegevoegd. Dat zie je niet, maar het is een deel van de reden dat we het aantal klein hielden.

We hebben dit niet getest met makers buiten het team en we beweren niets over hoe winkels er in de praktijk uitzien.

Wat we nog meer bouwden

Een sterkere editor. De pagina-editor kreeg gereedschappen die je van een ontwerpapp verwacht:

• Meerdere elementen tegelijk selecteren, met een toets of door een kader te slepen.
• Groeperen, groepering opheffen, een sectie dupliceren, uitlijnen en gelijkmatig verdelen, een laag vergrendelen, een laag verbergen.
• Roteren met een handvat, verschuiven met het toetsenbord, een kolomverdeler slepen.
• Een stijl van het ene element kopiëren en op een ander plakken, en een kleur kiezen met een pipet.
• Een rechtsklikmenu, een zoekfunctie om snel ergens heen te springen, een minikaart van de pagina en een helpdialoog met de sneltoetsen.
• Knoppen voor ongedaan maken en opnieuw.

Beeldgereedschap in de editor. Bijsnijden, een focuspunt zodat het belangrijke deel in beeld blijft, filtervoorinstellingen, een vergrendeling van de beeldverhouding, een formaatbadge waarin je kunt typen en slepen en neerzetten om een afbeelding op de pagina te vervangen.

Eerlijk opslaan. De opslagindicator zegt nu een van drie dingen: Live, Opgeslagen als concept of Bezig met opslaan. Voorheen stond er "Opgeslagen" ook als de pagina nog niet zichtbaar was voor kopers. Open je dezelfde pagina in twee tabbladen, dan vraagt de editor of je het overneemt of alleen-lezen verdergaat. Een paneel met opslaggeschiedenis toont eerdere opslagmomenten.

Schuifregelaars op paginaniveau. Drie schuifregelaars voor Beweging, Dichtheid en Stijl, plus een zwevende badge die je aan een hero-sectie kunt toevoegen en een dichtheidsvoorinstelling van compact tot cinematisch. Bij hero-secties kun je afzonderlijke elementen aan- of uitzetten.

Tekstopmaak. Opmaakbediening voor elk stuk tekst, overal in de editor toegepast.

Betrouwbaardere cursusgeneratie. Cursusaanmaak werd een gefaseerd proces met terugvalopties, zodat één mislukte stap niet de hele cursus laat mislukken. Lessen worden per module parallel gegenereerd en quizgeneratie wordt in de interface bijgehouden terwijl hij loopt. Zie de AI-cursusgenerator.

Valuta en talen. De lijst met valuta groeide tot meer dan 135. Talen die nog niet vertaald zijn, tonen nu "Binnenkort" en de taalwisselaar van de winkel is vastgezet op de standaardtaal, zodat de winkel geen talen aanprijst die hij niet kan bedienen.

AI-gebruik. Een gebruikspagina in de instellingen toont wat de AI-functies verbruiken, tot op tokenniveau.

Feedback. De bugmelding in de app maakt nu automatisch een schermafbeelding.

Wat het betekent voor een coach of academy

Run je een studio of sportschool, dan moet de winkel bij je merk passen zonder dat je een ontwerper nodig hebt. Het themasysteem is de eerste stap: kies er een van vier, en knoppen en kaarten volgen. Met maar vier opties past het niet bij elk merk, en dat zeggen we eerlijk.

De eerlijke opslagindicator telt het meest als meerdere mensen een site bewerken. Er wordt je niet verteld dat een pagina live is terwijl dat niet zo is. De wijzigingen aan de editor zijn vooral belangrijk voor degene die de pagina's bouwt; geef je alleen les, dan kun je ze negeren.

Wat volgt

De volgende twee weken, 10 tot 23 mei, sloten direct aan op het opslagthema: concepten die los staan van de live pagina, met versiegeschiedenis. We begonnen ook aan landingspagina's en reviews. Abonnementen en wat erin zit, staan op de prijzenpagina.

Wil je even praten? Ik ben een van de medeoprichters van PersonaCart. Heb je een vraag, een idee of iets wat je door ons gebouwd wilt hebben, schrijf me dan rechtstreeks: [email protected].

Vinod Morya, Co-founder, PersonaCart