Sayudha

31 Dynamic Sources dan Fonts

Properties2
descriptionDynamic sources, cara merchant nyambungin setting ke atribut sumber daya dan metafield, kompatibilitas tipe, default dinamis, batasnya, plus sistem font Shopify, font library, system font, font kustom, dan daftar font lengkap
tagsshopify, theme, arsitektur

16 menit baca

Di 30 Settings dan Input Settings kita bilang nilai setting bisa statis atau dari dynamic source. Sekarang kita bahas yang kedua sampai tuntas, terus lanjut ke sistem font yang nempel di setting font_picker.

Dua topik ini kelihatan gak nyambung, tapi dua-duanya soal yang sama: dari mana nilai setting datang. Dynamic source narik nilai dari data toko, font_picker narik dari font library Shopify.

Dynamic Sources

Dynamic source (dynamic data source) bikin merchant bisa nyambungin input setting ke data dari produk, koleksi, blog, halaman, metafield, dan metaobject. Jadi bukan ngetik “Bahan: katun 100%” manual di setting teks, tapi nyambungin setting itu ke metafield product.metafields.custom.material, dan nilainya berubah otomatis sesuai produk yang lagi ditampilin.

Koneksinya dibikin merchant di theme editor lewat ikon database kecil di samping setting. Dan cuma berlaku buat setting section dan block, gak buat theme setting umum di settings_schema.json.

Sumbernya bisa dua macam:

  1. Atribut sumber daya, misalnya product.title.
  2. Nilai metafield, misalnya product.metafields.custom.material.

1. Dari Mana Sumbernya Tersedia

Shopify nentuin dynamic source apa yang bisa dipilih di sebuah setting berdasarkan konteksnya:

  1. Template: section di template produk dapat metafield dan atribut produk, buat setting section-nya dan semua block di dalamnya.
  2. Setting sumber daya di section: kalau section punya setting tipe collection, metafield dan atribut koleksi itu tersedia buat setting section dan block-nya.
  3. Setting sumber daya di block: kalau block punya setting product, metafield produk itu tersedia buat setting block itu.
  4. Theme block: pakai closest, sumber daya terdekat yang tipenya cocok, mekanisme dari 29 Theme Blocks Mendalam > Dynamic Sources dan closest.
  5. Metaobject global: metaobject yang punya storefront visibility tersedia buat setting manapun.
  6. Brand attributes (logo, warna brand, slogan dari pengaturan brand toko) dan metafield/metaobject spesifik market.

2. Atribut Sumber Daya yang Tersedia

Bukan semua properti object bisa jadi dynamic source. Daftarnya (dan Shopify bilang bakal nambah):

  1. product: title, vendor, description, url, featured_image, collections.
  2. collection: title, image, description, url, products.
  3. page: title, url, content.
  4. article: title, url, author, content, excerpt, comments_count, image.
  5. blog: title, url.

3. Kompatibilitas Metafield dan Setting

Metafield punya tipe data, setting punya tipe input. Merchant cuma bisa nyambungin yang kompatibel:

  1. article ← article_reference.
  2. collection ← collection_reference.
  3. collection_list ← list.collection_reference.
  4. color ← color.
  5. image_picker ← file_reference.
  6. page ← page_reference.
  7. product ← product_reference.
  8. product_list ← list.product_reference.
  9. richtext ← single_line_text_field, list.single_line_text_field, multi_line_text_field, rich_text_field, number_integer, number_decimal, date, date_time, weight, volume, dimension, rating, money, link.
  10. inline_richtext ← sama kaya richtext minus multi_line_text_field dan rich_text_field.
  11. text ← sama kaya inline_richtext minus link.
  12. url ← url.
  13. video ← file_reference, dengan validasi harus nerima tipe file video.
  14. metaobject ← metaobject_reference, harus tipe metaobject yang sama dengan metaobject_type di schema.
  15. metaobject_list ← list.metaobject_reference, syarat yang sama.

Perhatiin: setting teks (text, richtext, inline_richtext) itu yang paling lentur, bisa nerima angka, tanggal, berat, rating, uang, karena semuanya bisa dirender jadi teks. Sedangkan setting sumber daya cuma nerima referensi ke tipe yang sama.

4. Ngerujuk Field Metaobject

Metaobject bisa dirujuk dua cara:

  1. Langsung sebagai dynamic source kalau metaobject-nya punya storefront visibility dan field yang kompatibel (metaobject global).
  2. Lewat metafield metaobject_reference.

Waktu milih metaobject, merchant bisa pilih field manapun yang kompatibel sama tipe setting-nya. Metaobject dengan field text dan field gambar: setting text bisa pakai field teksnya, setting image_picker bisa pakai field gambarnya.

Buat list.metaobject_reference, entri-entrinya di-loop, dan nilai field yang dipilih ditampilin sebagai daftar bertipe field itu. Contoh: metafield produk list.metaobject_reference ke metaobject Materials yang punya field Material name (single_line_text_field). Merchant nyambungin setting richtext ke field Material name, hasilnya daftar nama bahan produk itu, dikembaliin sebagai list.single_line_text_field.

5. Default yang Nunjuk ke Dynamic Source

default setting (dan nilai setting di preset) bisa ngerujuk dynamic source, pakai sintaks output Liquid tanpa Liquid tambahan:

{
  "type": "text",
  "id": "featured_product_title",
  "label": "Featured product title",
  "default": "Featuring: {{ product.title }}"
}

Dua syarat:

  1. Cuma lakuin kalau section/block-nya dirender di konteks di mana nilainya ada. Jangan pakai {{ product.title }} di section yang bisa dirender di template non-produk, atau yang gak punya setting product eksplisit buat nyediain nilainya.
  2. Gak boleh ada Liquid lain. Cuma referensi nilai langsung. Kalau kamu nambahin filter atau tag, error.

❌ error, ada Liquid tambahan

{ "type": "text", "id": "title", "label": "Title", "default": "{{ product.title | upcase }}" }

✅ benar

{ "type": "text", "id": "title", "label": "Title", "default": "{{ product.title }}" }

6. Batas Jumlah

Shopify batasin jumlah dynamic source biar theme tetap cepat:

  1. 100 per template JSON.
  2. 100 di theme setting umum (settings_data.json).
  3. 100 per section group.
  4. 50 per satu setting.
  5. 50 per section statis.

Angka ini gede, tapi bisa kecapai kalau theme kamu ngerakit ratusan block yang tiap settingnya nunjuk ke closest.product. Perlu diingat waktu desain preset.

Fonts

Font itu sumber daya terpisah yang harus di-download browser sebelum teks bisa dirender (kecuali system font). Jadi pilihan font itu keputusan performa, bukan cuma estetika. Ada dua jalur: Shopify font library atau font kustom.

1. Shopify Font Library

Kumpulan system font dan pilihan Google Fonts yang gratis buat semua toko Shopify, disediain dalam format WOFF dan WOFF2. Tiap file font mencakup Unicode range Basic Latin, Latin-1 Supplement, Latin Extended-A, dan Currency Symbols (kalau tersedia buat font itu), dan sebagian kecil font juga mencakup CJK buat tulisan Jepang.

Karena lisensi, ada font yang gak bisa Shopify sertakan. Kalau butuh karakter lebih luas, pakai system font, Typekit (Adobe Fonts), atau solusi lain. Dan file font-nya gak bisa diakses secara personal, cuma lewat CDN Shopify di storefront.

2. System Fonts

Font yang udah terpasang di komputer pengunjung, jadi browser gak perlu download apa-apa. Ini opsi paling cepat. Di font picker theme editor mereka ada di kategori System fonts dan ditandai badge System. Font yang dipakai tergantung OS pengunjung. Ada empat jenis generik:

  1. mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console.
  2. sans-serif: Helvetica, Arial.
  3. serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro.
  4. system-ui: San Francisco, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial.

Handle-nya di library: mono, serif, sans_serif_n4 (dan varian i4, n7, i7), system_ui_n4 (dan i4, n7, i7).

3. Nambahin Font Shopify ke Theme

Tiga langkah:

  1. Tambahin setting font_picker biar merchant milih font di theme editor. Nilainya object font dari 15 Objects Konten > 3. font.
  2. Load font-nya pakai salah satu filter font dari 19 Filters HTML, URL, Media, Color, dan Font > Filter Font: font_face buat nyisipin deklarasi @font-face bawaan, font_url buat dapat URL CDN kalau mau bikin @font-face sendiri, font_modify buat ngambil varian (bold, italic) dari keluarga yang sama.
  3. Rujuk font-nya di CSS: font-family, font-weight, font-style.

Pola lengkap yang umum dipakai di theme.liquid:

{% assign heading_font_bold = settings.heading_font | font_modify: 'weight', 'bold' %}
{% assign heading_font_italic = settings.heading_font | font_modify: 'style', 'italic' %}
<style>
  {{ settings.heading_font | font_face: font_display: 'swap' }}
  {{ heading_font_bold | font_face: font_display: 'swap' }}
  {{ heading_font_italic | font_face: font_display: 'swap' }}
  :root {
    --font-heading-family: {{ settings.heading_font.family }}, {{ settings.heading_font.fallback_families }};
    --font-heading-weight: {{ settings.heading_font.weight }};
    --font-heading-style: {{ settings.heading_font.style }};
  }
</style>

Yang penting: fallback_families dari object font ngasih font cadangan yang cocok, jadi teks tetap tampil dengan font mirip sambil font aslinya dimuat. Dan font_display: 'swap' bikin teks langsung kelihatan. Bahasan performanya di 60 Performance CSS dan Font.

4. Format Handle

Setting font_picker butuh default berupa handle font. Polanya nama_font + _ + n (normal) atau i (italic) + angka weight/100. Jadi:

  1. helvetica_n4 = Helvetica, normal, weight 400.
  2. helvetica_n7 = Helvetica, normal, weight 700 (bold).
  3. assistant_i4 = Assistant, italic, weight 400.
  4. alegreya_n9 = Alegreya, normal, weight 900.

Tiap keluarga cuma punya varian tertentu. Assistant misalnya cuma n2 sampai n8 tanpa italic. Kalau kamu minta varian yang gak ada lewat font_modify, hasilnya nil.

5. Daftar Font yang Tersedia

Semua keluarga font yang gratis dipakai di toko Shopify (handle-nya ngikutin pola di atas, varian tiap keluarga beda-beda):

Mono, Sans-serif, Serif, Abel, Abril Fatface, Acme, Alegreya, Alegreya Sans, Aleo, Almarai, Amiri, Andada Pro, Anek Tamil, Anonymous Pro, Anton, Anybody, Arapey, Archivo, Archivo Black, Archivo Narrow, Arial, Arimo, Arsenal, Arvo, Asap, Assistant, Asul, Azeret Mono, Bagel Fat One, Barlow, Barlow Condensed, Barlow Semi Condensed, Baskervville, Bayon, Bebas Neue, Besley, Bevan, Big Shoulders, Bitter, Bodoni Moda, Bricolage Grotesque, Buenard, Bungee, Cabin, Caprasimo, Cardo, Carlito, Catamaran, Caveat, Cedarville Cursive, Chakra Petch, Chivo, Climate Crisis, Comfortaa, Cormorant, Courier New, Covered By Your Grace, Crimson Pro, Crimson Text, DM Sans, DM Serif Display, DM Serif Text, Domine, Dosis, EB Garamond, Eczar, Epilogue, Faculty Glyphic, Fahkwang, Figtree, Fira Sans, Fjalla One, Francois One, Frank Ruhl Libre, Fraunces, Fredoka, Funnel Display, Funnel Sans, Fustat, Garamond, Geist, Geist Mono, Gelasio, Germania One, Gilda Display, Gloock, Gluten, Gowun Batang, Grandstander, Halant, Handlee, Hepta Slab, Host Grotesk, Hubot Sans, IBM Plex Mono, IBM Plex Sans, IBM Plex Sans Condensed, IBM Plex Serif, Imbue, Inconsolata, Inknut Antiqua, Instrument Sans, Instrument Serif, Inter, Josefin Sans, Josefin Slab, Jost, Kalam, Karla, Kaushan Script, Klee One, Kreon, Krona One, Krub, Lato, Lexend Zetta, Libre Baskerville, Libre Bodoni, Libre Caslon Text, Libre Franklin, Liter, Lobster Two, Lora, Lucida Grande, Manrope, Manuale, Marcellus, Martel, Maven Pro, Merriweather, Merriweather Sans, Michroma, Modak, Mona Sans, Monaco, Montagu Slab, Montserrat, Muli, Nanum Myeongjo, Nanum Pen Script, Neuton, Newsreader, Nobile, Nothing You Could Do, Noto Sans, Noto Sans Display, Noto Serif, Nunito, Nunito Sans, Old Standard TT, Open Sans, Open Sans Condensed, Oranienbaum, Oswald, Outfit, Ovo, PT Sans, PT Serif, Pacifico, Palatino, Passion One, Petrona, Pinyon Script, Plaster, Platypi, Playball, Playfair, Playfair Display, Playpen Sans, Playwrite CA, Plus Jakarta Sans, Poetsen One, Poppins, Prompt, Protest Riot, Proza Libre, Quantico, Quattrocento Sans, Questrial, Quicksand, Radio Canada Big, Rajdhani, Raleway, Rancho, Rasa, Recursive, Red Hat Display, Red Hat Text, Red Rose, Rethink Sans, Roboto, Roboto Condensed, Roboto Mono, Roboto Serif, Roboto Slab, Rock Salt, Rokkitt, Rubik, Saira, Saira Condensed, Saira Extra Condensed, Saira Semi Condensed, Sarabun, Schibsted Grotesk, Sedgwick Ave, Shadows Into Light, Shadows Into Light Two, Shantell Sans, Shippori Antique, Smooch, Sofia Sans, Sofia Sans Condensed, Sofia Sans Extra Condensed, Sofia Sans Semi Condensed, Sono, Sour Gummy, Source Code Pro, Source Sans Pro, Source Serif 4, Space Grotesk, Space Mono, Syne, System UI, Taviraj, Tenor Sans, Tilt Warp, Times New Roman, Titan One, Titillium Web, Tomorrow, Trebuchet MS, Trirong, Trispace, Ubuntu, Unbounded, Unica One, UnifrakturCook, UnifrakturMaguntia, Urbanist, Vina Sans, Work Sans, Young Serif, Yrsa, Zilla Slab

Font Jepang (mencakup CJK):

BIZ UDP明朝, Dela ゴシック One, Hina 明朝, Kaisei Decol, Kaisei Opti, Kaisei Tokumin, M PLUS 1, M PLUS Rounded 1c, Mochiy Pop P One, Murecho, Noto Sans Japanese, Noto Serif Japanese, Shippori 明朝, Zen Kaku ゴシック New, Zen Kurenaido, Zen Maru ゴシック, Zen Old 明朝

Daftar lengkap dengan semua handle variannya ada di halaman Fonts di shopify.dev, cek di sana waktu nentuin default yang pasti ada.

6. Font yang Deprecated

Shopify lagi bergerak ke font open-source dan udah mendeprekasi banyak font komersial lama (kebanyakan Monotype/ITC/Linotype). Masing-masing punya pengganti yang disarankan. Kalau theme lama kamu masih pakai handle dari daftar ini, ganti ke penggantinya:

Agmena → Alegreya; Akko → Titillium Web; Alfie → Handlee; Americana → Trirong; Antique Olive → Anek Tamil; Armata → Titillium Web; Avenir Next → Figtree; Avenir Next Rounded → Nunito; Azbuka → Roboto; Basic Commercial → Arimo; Basic Commercial Soft Rounded → Nunito; Baskerville No 2 → Libre Baskerville; Bauer Bodoni → Bodoni Moda; Beefcakes → Titan One; Bembo Book → EB Garamond; Bernhard Modern → Fraunces; Bio Rhyme → Hepta Slab; Bodoni Poster → Bodoni Moda; Burlingame → Saira; Cachet → Titillium Web; Cardamon → Buenard; Carter Sans → Alegreya Sans; Caslon Bold → Fraunces; Caslon Old Face → Shippori 明朝; Centaur → Cardo; Century Gothic → Poppins; Chong Modern → Arsenal; Claire News → Libre Baskerville; Cooper BT → Petrona; DIN Neuzeit Grotesk → Jost; DIN Next → Barlow; DIN Next Slab → Zilla Slab; Daytona → Titillium Web; Electra → Manuale; Eurostile Next → Saira; Geometric 415 → Jost; Georgia Pro → Merriweather; Gill Sans Nova → Cabin; Glegoo → Roboto Slab; Goudy Old Style → Alegreya; Harmonia Sans → Poppins; Helvetica → Sans-serif; Hope Sans → Chivo; Humanist 521 → Cabin; ITC Avant Garde Gothic → Poppins; ITC Benguiat → Taviraj; ITC Berkeley Old Style → Halant; ITC Bodoni Seventytwo → Playfair Display; ITC Bodoni Twelve → Libre Bodoni; ITC Caslon No 224 → Fraunces; ITC Charter → Rasa; ITC Cheltenham → Fraunces; ITC Clearface → Halant; ITC Conduit → Barlow; ITC Esprit → Source Serif 4; ITC Founders Caslon → EB Garamond; ITC Franklin Gothic → Libre Franklin; ITC Galliard → EB Garamond; ITC Gamma → Source Serif 4; ITC Goudy Sans → Proza Libre; ITC Johnston → Cabin; ITC Mendoza Roman → Alegreya; ITC Modern No 216 → Bodoni Moda; ITC New Baskerville → Libre Baskerville; ITC New Esprit → Source Serif 4; ITC New Veljovic → Newsreader; ITC Novarese → Fraunces; ITC Officina Sans → Fira Sans; ITC Officina Serif → Roboto Slab; ITC Stepp → Playfair Display; ITC Stone Humanist → Proza Libre; ITC Stone Informal → Petrona; ITC Stone Sans II → Noto Sans Display; ITC Stone Serif → Source Serif 4; ITC Tapioca → Nanum Pen Script; Joanna Nova → Rasa; Joanna Sans Nova → Cabin; Kairos → Chakra Petch; Laurentian → EB Garamond; Libelle → Pinyon Script; Linotype Didot → Bodoni Moda; Linotype Gianotten → Bodoni Moda; Linotype Really → Source Serif 4; Linotype Syntax Serif → Crimson Text; Lobster → Lobster Two; Lucia → Pinyon Script; Luthersche Fraktur → UnifrakturMaguntia; Madera → Jost; Malabar → Source Serif 4; Mariposa Sans → Asul; Megrim → Jost; Melior → Martel; Memphis → Hepta Slab; Memphis Soft Rounded → Hepta Slab; Mentor Sans → Proza Libre; Metro Nova → Open Sans; Modern No 20 → Bodoni Moda; Monotype Baskerville → Shippori 明朝; Monotype Bodoni → Bodoni Moda; Monotype Century Old Style → Shippori 明朝; Monotype Goudy → Fraunces; Monotype Goudy Modern → Fraunces; Monotype Italian Old Style → Crimson Text; Monotype New Clarendon → Besley; Monotype News Gothic → Libre Franklin; Monotype Sabon → EB Garamond; Mouse Memoirs → Grandstander; Mundo Sans → Lato; Neo Sans → Titillium Web; Neue Aachen → Roboto Slab; Neue Frutiger 1450 → Open Sans; Neue Haas Unica → Instrument Sans; Neue Plak → Instrument Sans; Neue Swift → Manuale; Neuzeit Office → Instrument Sans; Neuzeit Office Soft Rounded → Nunito; Neuzeit S → Instrument Sans; New Century Schoolbook → Besley; News 702 → Source Serif 4; News 705 → Source Serif 4; News Cycle → Roboto Condensed; News Gothic No 2 → Roboto Condensed; News Plantin → Crimson Text; Noticia Text → Noto Serif; Optima nova → Proza Libre; Oxygen → Open Sans; PMN Caecilia → Aleo; PT Mono → Anonymous Pro; PT Sans Narrow → Open Sans Condensed; Parma → Libre Bodoni; Perpetua → Crimson Text; Plantin → Crimson Pro; Prata → Playfair; Quattrocento → Platypi; Quire Sans → Fira Sans; Really No 2 → Source Serif 4; Righteous → Muli; Rockwell → Zilla Slab; Sabon Next → EB Garamond; Sackers Square Gothic → Lexend Zetta; Sagrantino → Kaushan Script; Scene → Roboto; Scherzo → Yrsa; Slabo 13px → Roboto Slab; Slate → Source Sans Pro; Soho → Roboto Slab; Soho Gothic → Titillium Web; Stempel Schneidler → Platypi; Swiss 721 → Instrument Sans; Swiss 721 Rounded → Nunito; Tiemann → Bodoni Moda; Tinos → PT Serif; Trade Gothic → Libre Franklin; Trade Gothic Next → Libre Franklin; Twentieth Century → Outfit; Univers Next → Instrument Sans; Univers Next Typewriter → Source Code Pro; Unna → Gelasio; Vala → Lobster Two; Varela → Nunito Sans; Varela Round → Nunito; Verdana Pro → Open Sans; Vidaloka → Playfair Display; Volkhov → Rasa; Vollkorn → Andada Pro; Waza → Pinyon Script; Wola → Kalam; Ysobel → Source Serif 4; Zurich → Instrument Sans; Zurich Extended → Epilogue; Sans-serif (handle lama `sans-serif`) → System UI

Yang paling sering kena: Helvetica (helvetica_n4, default klasik di banyak theme lama) yang penggantinya sans_serif_n4, dan Avenir Next → Figtree.

7. Font Kustom

Kalau font yang kamu mau gak ada di library, pakai pihak ketiga (Typekit/Adobe Fonts, atau file sendiri). Dua opsi:

  1. Rujuk hosting pihak ketiga. Biasanya mereka ngasih tag <link> yang kamu taruh di theme.liquid (atau layout yang dipakai):
<link rel="stylesheet" href="[font-url]">
  1. Host di theme. Tergantung cara kamu upload: 3. Lewat CLI, ZIP, GitHub, atau distribusi Theme Store: taruh file font di folder assets (di editor kode lokal, bukan code editor admin), terus bikin @font-face pakai asset_url:
@font-face {
  font-family: "Font name";
  src: url("{{ '[font-file-name]' | asset_url }}") format("[font-format]");
}
  1. Lewat Shopify admin: upload ke Content > Files, terus pakai file_url. Alasannya: upload beberapa tipe font ke assets lewat code editor admin bisa bikin file-nya korup:
@font-face {
  font-family: "Font name";
  src: url("{{ '[font-file-name]' | file_url }}") format("[font-format]");
}

Kalau kamu mau merchant bisa milih antara font kustom, bikin setting sendiri (misalnya select) dan rujuk nilainya di CSS waktu nentuin font-family. Font kustom gak lewat font_picker, jadi gak dapat font_face/font_modify gratisan, semua deklarasinya kamu tulis sendiri.

❌ upload font .woff2 ke assets lewat code editor admin

(bisa korup, dan font-nya gak kebaca)

✅ upload ke Content > Files, rujuk pakai file_url

src: url("{{ 'brand-font.woff2' | file_url }}") format("woff2");

Ringkasan

  1. Dynamic source nyambungin setting section/block ke atribut sumber daya atau metafield, dibikin merchant di theme editor, gak tersedia buat theme setting umum.
  2. Ketersediaannya tergantung konteks: template, setting sumber daya di section/block, closest di theme block, metaobject global (storefront visibility), brand attributes, dan data spesifik market.
  3. Atribut yang bisa dipakai terbatas per sumber daya (product: title, vendor, description, url, featured_image, collections; dan seterusnya).
  4. Kompatibilitas tipe: setting teks nerima hampir semua tipe metafield skalar, setting sumber daya cuma nerima referensi tipe yang sama, video butuh file_reference video, metaobject butuh tipe yang cocok.
  5. list.metaobject_reference di-loop dan nilai field terpilih jadi daftar.
  6. Default bisa {{ product.title }} tapi tanpa Liquid tambahan dan cuma di konteks yang nilainya pasti ada.
  7. Batas: 100 per template/theme setting/section group, 50 per setting/section statis.
  8. Font library Shopify: system font + Google Fonts, WOFF/WOFF2, gratis, Unicode Latin dasar (sebagian CJK), file-nya gak bisa diakses langsung.
  9. System font (mono, sans-serif, serif, system-ui) paling cepat karena gak perlu download.
  10. Alur font Shopify: font_picker → object font → font_face/font_url/font_modify → CSS variable dengan family dan fallback_families, plus font_display: 'swap'.
  11. Handle: nama_n4 = normal 400, nama_i7 = italic 700, varian tiap keluarga beda.
  12. Banyak font komersial lama deprecated dengan pengganti open-source, Helvetica → Sans-serif.
  13. Font kustom: <link> pihak ketiga di layout, atau file di assets + asset_url (lokal/CLI), atau di Files + file_url (admin, biar gak korup).

Bab selanjutnya kita masuk ke folder config: file settings_schema.json tempat theme setting global didefinisiin, settings_data.json tempat nilainya disimpan (termasuk current dan presets), dan markets.json buat kustomisasi per market.

Tampilan Grafik

Tautan Balik