Het thema

Wat elk gecompileerd thema bevat, en elke sectie en instelling die de winkelier in de Shopify-editor bereikt.

Functies

Functie	Wat ze doet	Zonder JavaScript
Winkelwagenpaneel	Toevoegen aan de winkelwagen schuift de winkelwagen vanaf de zijkant in met aantallen, verwijderen en afrekenen	Gaat naar de winkelwagenpagina
Zoeksuggesties	Producten en collecties worden voorgesteld terwijl je typt; `/` opent het	Gaat naar de zoekpagina
Collectiefilters	Beschikbaarheid, prijs en elk filter dat de winkel instelde, met aantallen, zonder herladen, bewaard in het adres	Een formulier
Snel toevoegen	Rechtstreeks vanaf de kaart in de winkelwagen; een kleine kiezer bij opties	De productpagina
Kleurstalen	Kleurstippen op kaarten en de productpagina, uit Shopify's staalinstellingen of de kleur in de optiewaarde	Hetzelfde
Vaste knop In winkelwagen	Toevoegen blijft binnen bereik terwijl de productpagina scrolt	De hoofdknop
Submenu's	Uitklaplijsten of een megamenu met kolommen en een afbeelding; genest in het telefoonpaneel	Gewone links
Maattabel	Een pagina die vanaf de productpagina in een modaal opent	Een link
Media	Video, gehoste video en 3D-modellen in de galerij	Posterafbeeldingen

Elk hiervan is een schakelaar in de groep Functies van het ontwerppaneel en een echte thema-instelling.

Secties

Homepage: hero, uitgelichte collectie, collectielijst, afbeelding met tekst, opgemaakte tekst, meerdere kolommen, klantenreacties, logobalk, veelgestelde vragen, nieuwsbrief, contactformulier. Koptekstgroep: aankondigingsbalk, koptekst. Voettekst. Elk template — collectie, product, winkelwagen, zoeken, blog, artikel, pagina, 404, wachtwoord en alle klantpagina's — heeft een eigen hoofdsectie.

Geen browser-bedieningselementen

Elk menu, elke kiezer, sortering en keuzelijst in het thema is van het thema zelf, gestileerd vanuit dezelfde tokens, met toetsenbordbediening. Het enige overgebleven native element is Shopify's landenlijst op het adresformulier van de klant.

Naslag

Hieronder staat elke sectie met haar instellingen, zoals de winkelier ze ziet in Aanpassen, gegenereerd uit het thema zelf.

Gelezen door machines

Elke pagina draagt JSON-LD. Een productpagina verklaart het hele product en elk van zijn varianten — prijs, valuta, beschikbaarheid, staat, SKU, streepjescode, en kleur, maat of materiaal waar de optienamen dat toelaten — en niet alleen degene die een koper heeft gekozen, zodat een zoekmachine of een winkelagent het hele assortiment in één keer leest. Collecties sommen hun producten op volgorde op, artikelen dragen auteur en datum, productpagina's dragen kruimels, en elke pagina verklaart de winkel en een zoekactie. Dit levert de verrijkte resultaten op, en dit is wat AI-agenten lezen wanneer ze namens iemand winkelen.

thema 0.8.0 · 36 secties

Header

Kop- en voettekst

Layout: choice — Logo left, menu centre · Logo centre, menu split · Logo above menu
Menu: menu
Logo file in theme assets: text
Logo file width: number
Logo file height: number
Submenus: choice — Dropdown · Mega menu
Mega menu image: image
Mega menu image caption: text
Mega menu image link: link

Announcement bar

Kop- en voettekst

Text: text
Link: link

Hero

Homepagesectie

Layout: choice — Text over image · Image beside text · Text above image
Image: image
Eyebrow: text
Heading: text
Text: text
Button label: text
Button link: link
Second button label: text
Second button link: link
Height: choice — Short · Medium · Tall
Content position: choice — Bottom left · Centre

Featured collection

Homepagesectie

Layout: choice — Grid · One scrolling row · Two large, then small
Collection: collection
Heading: text
Text: text
Products: number
Columns: choice — 2 · 3 · 4
Show view all: on / off

Collection list

Homepagesectie

Heading: text
Text: text

Blok: Collection

Collection: collection

Image with text

Homepagesectie

Image: image
Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Layout: choice — Image first · Text first

Rich text

Homepagesectie

Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Alignment: choice — Left · Centre

Multicolumn

Homepagesectie

Heading: text
Text: text
Columns: choice — 2 · 3 · 4

Blok: Column

Image: image
Heading: text
Text: rich text
Link text: text
Link: link

Testimonials

Homepagesectie

Heading: text
Text: text

Blok: Testimonial

Quote: rich text
Name: text
Detail: text
Stars: number

Logo bar

Homepagesectie

Heading: text

Blok: Logo

Image: image
Text if no image: text
Link: link

FAQ

Homepagesectie

Heading: text
Text: text
Open the first question: on / off

Blok: Question

Question: text
Answer: rich text

Contact form

Homepagesectie · geen instellingen

Footer

Kop- en voettekst

Layout: choice — Columns · One line · Newsletter first
Newsletter heading: text
Short description: text
First menu: menu
Second menu: menu
Show newsletter signup: on / off
Show payment icons: on / off
Language and country selectors: on / off

Product grid

Paginasectie

Show filters: on / off
Products per page: number
Columns: choice — 3 · 4

Product

Paginasectie

Layout: choice — Gallery beside details · Gallery above details · Thumbnails down the side
Show vendor: on / off
Show quantity selector: on / off
Show dynamic checkout button: on / off
Sticky add to cart: on / off

Blok: Size guide

Page: page
Link text: text

Blok: Detail

Heading: text
Text: rich text

Cart

Paginasectie

Show order note: on / off

Cart drawer

Functie · geen instellingen

Predictive search

Functie · geen instellingen