🧬

🧬 Destillat 6 — Liquid Syntax: Dynamiskt innehåll

Vad Liquid Syntax gör

Liquid Syntax låter dig skapa en sida i Notion som genererar 100+ webbsidor med unik data från en databas. Perfekt för:
  • Directory-sajter
  • E-handelssidor
  • Listor och kataloger
Principen: Skriv en mall-sida → referera databas-properties med merge tags → Bullet genererar unika sidor automatiskt.

Merge Tags

Merge tags populerar webbsidan med data frĂĄn databasen.

Syntax

{% property_namn %}

Regler

  • Gemener (lowercase)
  • Mellanslag → understreck (_)
  • Omslut med {% %}
  • Markera som inline-kod i Notion (backticks)

Exempel

Notion-property
Merge tag
Twitter URL
{% twitter_url %}
Data Description
{% data_description %}
URL
{% url %}

Inbyggda Notion-properties

Utöver databas-properties:
  • 🧬 Destillat 6 — Liquid Syntax: Dynamiskt innehĂĄll — sidans titel
  • — sidans cover image URL
  • 🧬 — sidans ikon

Conditional Rendering

Visa eller dölj block baserat på databas-properties.

Hur det fungerar

  1. Skapa en Toggle Block i Notion
  1. Sätt toggle-rubriken till: {% if property_namn %}
  1. Markera rubriken som inline-kod
  1. Lägg innehållet inuti toggle-blocket

Villkor

  • Visas om property har icke-tomt värde (eller checkbox = ikryssad)
  • Döljs om property är tomt (eller checkbox = avkryssad)

Användningsfall

  • Visa "Köp nu"-knapp bara om produkten är i lager
  • Visa rabatt-block bara om kupongkod finns
  • Visa social media-länkar bara om URL:er är ifyllda

Dölja block (bullet:hide)

Dölj valfria Notion-block på webbplatsen men behåll dem synliga i Notion.

Hur

  1. Skapa en Toggle Block
  1. Flytta elementen du vill dölja inuti toggle-blocket
  1. Ă„ndra toggle-rubriken till bullet:hide
  1. Markera texten som inline-kod
Perfekt för interna anteckningar, genvägar och arbetsverktyg som inte ska synas publikt.

Custom HTML-inbäddning

Rendera godtycklig HTML direkt pĂĄ webbsidan.

Hur

  1. Skapa ett Code Block i Notion
  1. Skriv din HTML-kod i blocket
  1. Klicka pĂĄ Caption
  1. Skriv bullet:HTML som caption
Bullet renderar kodens innehĂĄll direkt pĂĄ webbsidan.

Kombination med merge tags

Du kan använda merge tags inuti HTML-kod:
<img src="{% page_cover %}" alt="{% page_title %}" />
Detta renderar sidans cover image med titeln som alt-text — kraftfullt för dynamiska layouter.

Sammanfattning — när använda vad

Verktyg
Användning
Merge tags
Populera sidor med databas-data dynamiskt
Conditional rendering
Visa/dölj block baserat på data
bullet:hide
Dölj interna element från webbplatsen
bullet:HTML
Injicera custom HTML direkt i sidan