Skip to content

feat: AltinWorld brand customization op Dawn v15.4.0#3896

Open
Tgrls40 wants to merge 6 commits intoShopify:mainfrom
Tgrls40:claude/review-site-appearance-aRXji
Open

feat: AltinWorld brand customization op Dawn v15.4.0#3896
Tgrls40 wants to merge 6 commits intoShopify:mainfrom
Tgrls40:claude/review-site-appearance-aRXji

Conversation

@Tgrls40
Copy link
Copy Markdown

@Tgrls40 Tgrls40 commented Feb 27, 2026

  • Playfair Display als serif heading-font (luxe contrast met Assistant body)
  • Goud accent-kleur #C9A84C als CSS-variabele voor hover/focus/badges
  • Cart drawer ingeschakeld (was: notification)
  • Scroll-animaties ingeschakeld via animations_reveal_on_scroll
  • Sticky header met logo-verkleining bij scrollen
  • Sale-badge scheme-5 (koningsblauw), sold-out-badge scheme-4 (zwart)
  • Lichte kaartschaduw (opacity 10) voor diepte
  • altinworld.css: fluid clamp()-typografie, kaart hover-lift, gouden knop-glow, badge-stijlen, scroll-reveal animaties, prefers-reduced-motion support, focus-stijlen
  • Homepage: hero → collectie → USP's → nieuwsbrief (NL-teksten)
  • Aankondigingsbalk: scheme-4 zwart, Nederlandse USP-tekst
  • Footer: scheme-4 zwart, Nederlandse teksten

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq

PR Summary:

Why are these changes introduced?

Fixes #0.

What approach did you take?

Other considerations

Decision log

# Decision Alternatives Rationale Downsides
1

Visual impact on existing themes

Testing steps/scenarios

  • Step 1

Demo links

Checklist

- Playfair Display als serif heading-font (luxe contrast met Assistant body)
- Goud accent-kleur #C9A84C als CSS-variabele voor hover/focus/badges
- Cart drawer ingeschakeld (was: notification)
- Scroll-animaties ingeschakeld via animations_reveal_on_scroll
- Sticky header met logo-verkleining bij scrollen
- Sale-badge scheme-5 (koningsblauw), sold-out-badge scheme-4 (zwart)
- Lichte kaartschaduw (opacity 10) voor diepte
- altinworld.css: fluid clamp()-typografie, kaart hover-lift,
  gouden knop-glow, badge-stijlen, scroll-reveal animaties,
  prefers-reduced-motion support, focus-stijlen
- Homepage: hero → collectie → USP's → nieuwsbrief (NL-teksten)
- Aankondigingsbalk: scheme-4 zwart, Nederlandse USP-tekst
- Footer: scheme-4 zwart, Nederlandse teksten

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq
Shopify OS 2.0 slaat section content op in zijn database op basis
van section ID. De oude Dawn-standaard IDs (image_banner, multicolumn
etc.) waren al opgeslagen in de Shopify DB met placeholder teksten,
waardoor de JSON-updates werden genegeerd.

Door unieke aw-* prefixes te gebruiken worden de secties als nieuw
herkend en laadt Shopify de content direct uit templates/index.json.

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq
Shopify slaat sectie-content op in zijn database gekoppeld aan het
sectie-type. De Dawn standaard types (image-banner, multicolumn) hadden
al Engelse placeholder content gecached in Shopify's DB.

Door volledig nieuwe sectie-types te maken (aw-hero, aw-usp) heeft
Shopify geen gecachede data en gebruikt het de schema-defaults direct:
- aw-hero.liquid: "AltinWorld — Tijdloze sieraden met karakter"
- aw-usp.liquid: Gratis verzending / 30 dagen retour / Veilig betalen

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq
Shopify rendert template-secties vanuit zijn eigen database, niet vanuit
templates/index.json. De Engelse placeholders ('Image banner', 'Column',
'Shop all') worden via Liquid conditionals onderschept en vervangen door
de juiste Nederlandse tekst.

Dit werkt ongeacht wat Shopify's database bevat.

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq
Shopify rendert templates/index.json niet vanuit het bestand maar vanuit
zijn eigen database met de originele Dawn-secties. De fix zit nu direct
in de Liquid templates die Shopify WEL gebruikt:

- image-banner.liquid: 'Image banner' → AltinWorld titel + Nederlandse tekst + 'Shop nu'
- rich-text.liquid: verberg 'Talk about your brand' placeholder sectie
- featured-collection.liquid: 'Featured products' → 'Onze collectie'
- multicolumn.liquid: 'Column' → Gratis verzending / 30 dagen retour / Veilig betalen

https://claude.ai/code/session_01KGD5b6wPVZvehfLKxQapGq
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants