Kembali ke Blog

Studio Kustomisasi Visual Tema Storefront

Lokasi menu: Toko > Themes > Customize (/user-new/themes/customize/{theme})

Ubah tampilan etalase toko Anda secara visual dengan pengalaman live preview realtime persis seperti Shopify Theme Customizer.

Mengenal Antarmuka Studio Customizer

Layar customizer terbagi menjadi 2 area utama:

1. Sidebar Kiri (Kontrol Pengaturan): Panel berisi pohon seksi halaman (Header, Hero, Produk, Footer) dan Pengaturan Tema Global.
2. Canvas Kanan (Live Iframe Preview): Tampilan langsung toko Anda yang merespons setiap perubahan seketika. Di sisi atas terdapat sakelar mode viewport: Desktop, Tablet, dan Mobile.

Menambah & Menggeser Urutan Seksi (Drag-and-Drop)

  1. Menambah Seksi Baru

    Klik tombol + Add Section di bagian bawah daftar seksi. Pilih tipe seksi yang diinginkan (misal: Testimoni, Banner Grid, FAQ Akordeon).

  2. Menggeser Urutan

    Arahkan kursor ke ikon titik enam di samping nama seksi, lalu tarik (drag) ke atas atau ke bawah untuk menukar posisinya.

  3. Mengedit Blok di Dalam Seksi

    Buka salah satu seksi untuk menambahkan atau mengedit blok berulang (seperti slide banner atau kolom fitur).

Mengatur Warna Tombol, Latar Belakang & Tipografi

Buka tab Theme Settings (Pengaturan Tema) untuk mengubah identitas global: warna tombol utama dan hover, warna teks, pilihan jenis font Google Fonts resmi, serta ukuran logo toko.

← Artikel Sebelumnya Galeri Tema Modern & Instalasi Multisalinan (Themes Gallery) Artikel Selanjutnya → Editor Kode Tema Liquid & Riwayat Versi Rollback