Menyesuaikan Tetapan Tema

Anda boleh menyesuaikan keseluruhan tetapan untuk kedai dalam talian anda, seperti tipografi, warna, pautan media sosial dan halaman troli, dari bahagian Tetapan Tema pada menu bar sisi penyunting tema. Perubahan yang anda buat dalam bahagian Tetapan Tema akan digunakan pada seluruh kedai dalam talian anda.

Bahagian dan blok juga mempunyai tetapan individu yang boleh anda laras untuk menyesuaikan bahagian individu bagi tema anda. Ketahui lebih lanjut tentang bahagian dan blok.

Anda boleh menambah logo perniagaan pada kedai dalam talian anda. Logo anda dipaparkan di tempat yang berikut:

  • pengepala anda pada semua halaman
  • halaman kata laluan anda

Sesuaikan logo anda

Imej logo mempunyai kelebaran maksimum sebanyak 300 px.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Logo.

  5. Dalam bahagian Logo, tambah imej anda atau gunakan imej percuma:

    • Untuk menambah imej anda, klik Pilih imej, dan kemudian tambah imej baharu atau sedia ada:
      • Untuk menggunakan imej yang telah anda muat naik ke pentadbir Shopify, pilih imej dan kemudian klik Selesai.
      • Untuk menggunakan imej dari komputer setempat anda, klik Tambah imej. Pilih dan tambah imej, kemudian klik Selesai.
    • Untuk menggunakan imej percuma, klik Teroka imej percuma. Cari imej, klik imej tersebut untuk memilihnya, dan kemudian klik Pilih.
  6. Pilihan: Tambah teks alt pada imej logo anda:

    1. Dalam bahagian Logo, klik Edit.
    2. Dalam medan Teks alt, masukkan penerangan ringkas bagi imej.
    3. Klik Simpan.
  7. Pilihan: Dalam bahagian Kelebaran logo desktop, gunakan peluncur julat untuk melaraskan kelebaran piksel logo.

  8. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Logo.

  7. Dalam bahagian Logo, tambah imej anda atau gunakan imej percuma:

    • Untuk menambah imej anda, ketik Pilih imej, dan kemudian tambah imej baharu atau sedia ada:
      • Untuk menggunakan imej yang telah anda muat naik ke pentadbir Shopify, pilih imej dan kemudian ketik Selesai.
      • Untuk menggunakan imej dari peranti setempat anda, ketik Tambah imej. Pilih dan tambah imej dari peranti setempat anda, ketik imej tersebut untuk memilihnya, dan kemudian ketik Selesai.
    • Untuk menggunakan imej percuma, ketik Teroka imej percuma. Cari imej, ketik imej tersebut untuk memilihnya, dan kemudian ketik Selesai.
  8. Pilihan: Tambah teks alt pada imej logo anda:

    1. Dalam bahagian Logo, ketik Edit.
    2. Dalam medan Teks alt, masukkan penerangan ringkas bagi imej.
    3. Ketik Simpan atau .
  9. Pilihan: Dalam bahagian Kelebaran logo desktop, gunakan peluncur julat untuk melaraskan kelebaran piksel logo.

  10. Ketik Simpan atau .

Tambah favicon

Anda boleh menambah ikon kegemaran atau favicon, yang anda gunakan untuk membantu dalam penjenamaan kedai dalam talian anda. Favicon dipaparkan di tempat yang berikut:

  • tab pelayar web anda
  • sejarah pelayar web anda
  • ikon pada desktop anda
  • di sebelah nama kedai dalam talian anda apabila laman web ditanda buku

Ketahui lebih lanjut tentang favicon.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda tambahkan favicon, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Bergantung pada versi tema anda, klik Logo atau Favicon.

  5. Dalam bahagian Imej favicon, klik Pilih imej, dan kemudian tambah imej baharu atau sedia ada:

    • Untuk memilih imej yang telah anda muat naik ke pentadbir Shopify, anda boleh membuat carian atau mencari imej, kemudian pilih menggunakan kotak semak.
    • Untuk memilih imej dari komputer setempat anda, klik Tambah imej, buka imej dari komputer setempat anda, kemudian pilih menggunakan kotak semak.
  6. Klik Selesai.

  7. Pilihan: Tambah teks alt pada imej favicon anda:

    1. Dalam bahagian Imej favicon, klik Edit.
    2. Dalam medan Teks alt, masukkan penerangan ringkas bagi imej.
    3. Klik Simpan.
  8. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda tambahkan favicon, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Bergantung pada versi tema anda, ketik Logo atau Favicon.

  7. Dalam bahagian Imej favicon, ketik Pilih imej dan kemudian tambah imej baharu atau sedia ada:

    • Untuk memilih imej yang telah anda muat naik ke pentadbir Shopify, anda boleh membuat carian atau mencari imej, kemudian pilih menggunakan kotak semak.
    • Untuk memilih imej daripada peranti setempat anda, ketik Tambah imej, buka imej daripada peranti setempat anda dan kemudian pilihnya dengan kotak semak.
  8. Ketik Selesai.

  9. Tambah teks alt pada imej favicon anda:

    1. Dalam bahagian Imej favicon, ketik Sunting.
    2. Dalam medan Teks alt, masukkan penerangan ringkas bagi imej.
    3. Ketik Simpan atau .
  10. Ketik Simpan atau .

Warna

Anda boleh mentakrifkan skema warna yang berbeza dalam tetapan tema anda dan menggunakan skema warna pada bahagian yang berbeza di seluruh kedai dalam talian anda dengan pemetik skema warna. Skema warna ialah satu set warna. Tema anda menggunakan satu set skema warna lalai yang boleh anda ubah pada bila-bila masa dalam penyunting tema. Anda boleh menambah warna jenama anda untuk memastikan penggunaan palet warna yang padu di seluruh kedai dalam talian anda.

Templat tidak mempunyai tetapan warna individu supaya reka bentuk kedai dalam talian anda konsisten di seluruh laman web anda. Templat dianggap sebagai halaman utama atau kandungan utama untuk kedai. Mempunyai skema warna yang berbeza di seluruh kedai anda mungkin membawa kepada pengalaman pengguna yang tidak memuaskan dan boleh menyebabkan pelanggan meninggalkan kedai anda tanpa membeli produk.

Anda boleh mencipta dan menyesuaikan sehingga 21 skema warna unik dan menggunakannya pada bahagian yang berbeza di seluruh kedai dalam talian anda.

Skema warna

Skema warna ialah tetapan tema yang mengumpulkan elemen dan warna masing-masing dalam cara yang mewakilinya secara visual. Anda boleh menetapkan warna berbeza pada pelbagai elemen dalam skema warna yang padu yang boleh digunakan pada seluruh tema anda di mana pemetik skema warna tersedia. Anda boleh mempunyai sehingga 21 skema warna. Anda juga boleh pratonton cara warna anda dipaparkan dalam pratonton skema.

Senarai tetapan berbeza yang boleh anda gunakan pada skema warna dalam penyunting tema.
TetapanPenerangan
Latar belakangWarna digunakan pada latar belakang sesetengah bahagian dan latar belakang butang garis rangka.
Kecerunan latar belakangKecerunan warna digunakan pada latar belakang sesetengah bahagian. Kecerunan latar belakang menggantikan latar belakang jika bersesuaian.
TeksWarna digunakan pada bahagian atau teks blok.
Latar belakang butang paduWarna digunakan pada latar belakang butang utama.
Label butang paduWarna digunakan pada teks butang utama.
Butang garis rangkaWarna digunakan pada teks dan sempadan butang sekunder.
BayangWarna digunakan pada bayang.

Mengurus skema warna anda

Skema warna dan pilihan warna kedai anda ditetapkan dalam tetapan tema anda. Untuk warna padu, gunakan pemilih warna untuk memilih warna baharu atau masukkan nilai warna dalam medan teks. Medan warna menerima nama dan nilai warna yang berikut:

  • Nama warna seperti red, black, atau blue.
  • Kod warna RGB.
  • Nilai warna heksadesimal.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Klik Sunting tema di sebelah tema yang ingin anda sesuaikan.

  3. Klik ikon settings dan kemudian klik Warna.

  4. Dalam bahagian Skema, klik skema sedia ada atau klik Tambah skema untuk menambah skema warna baharu.

  5. Klik sampel warna untuk warna jenis kandungan yang ingin anda tukar.

  6. Untuk menetapkan warna anda, masukkan kod heksadesimal warna atau pilih warna daripada pemilih warna. Untuk menetapkan warna kepada telus, padamkan kod heksadesimal daripada medan teks.

  7. Klik Simpan.

Menggunakan skema warna anda

Selepas anda mentakrifkan skema warna anda dalam tetapan tema anda, anda boleh menetapkan skema warna menggunakan pemetik skema warna dalam bahagian dan blok tema anda. Pemetik skema warna hanya tersedia dalam bahagian, blok dan tetapan tema umum tertentu.

Pemetik skema warna

Kecerunan

Anda boleh menyediakan kecerunan warna dalam beberapa tema untuk pilihan latar belakang yang menarik secara visual. Tetapan color_background digunakan untuk menyesuaikan sifat latar belakang CSS.

Pemetik kecerunan membolehkan anda memilih warna, gaya kecerunan, sudut, kedudukan dan kelegapan kecerunan. Pilihan yang dipilih dalam pemetik kecerunan dipratonton dalam masa nyata pada penyunting tema. Anda juga boleh mencipta latar belakang kecerunan menggunakan kod CSS, yang merangkumi penyemak pengesahan.

Sediakan kecerunan

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Klik Sunting tema di sebelah tema yang ingin anda sesuaikan.

  3. Klik ikon settings dan kemudian klik Warna.

  4. Dalam bahagian Skema, klik skema sedia ada yang ingin anda sunting.

  5. Klik pilihan sampel warna kecerunan, seperti Kecerunan latar belakang.

  6. Jika anda belum pernah menyediakan kecerunan sebelum ini, maka beberapa pilihan pratetap akan dipaparkan untuk anda pilih. Pilih mana-mana kecerunan pratetap untuk membuka panel pilihan.

  7. Pilih pilihan kecerunan anda:

  • Pilih antara kecerunan linear atau jejari. Gunakan butang untuk memilih gaya kecerunan pilihan anda.
  • Tetapkan sudut kecerunan anda menggunakan anak panah atas dan bawah. Klik anak panah atas atau bawah untuk menambah atau mengurangkan peratusan sudut sebanyak 5.
  • Gunakan peluncur untuk memilih Kedudukan kecerunan anda atau masukkan nilai berangka ke dalam medan tersebut.
  • Masukkan kod heksadesimal warna yang khusus atau gunakan peluncur warna untuk memilih rona. Warna yang dipilih baru-baru ini dipaparkan di bahagian bawah panel pilihan kecerunan.
  • Untuk menjadikan kecerunan anda legap, gunakan peluncur di sebelah kanan untuk memilih kelutsinaran kecerunan anda. Anda juga boleh memasukkan peratusan dalam medan di sebelah kod heksadesimal warna.
  1. Klik Simpan.

Pemetik kecerunan pada penyunting tema

Gunakan CSS untuk menetapkan kecerunan

Kebanyakan nilai sifat background CSS boleh digunakan untuk menetapkan warna latar belakang. Anda boleh menggunakan medan ini untuk warna padu (sebagai contoh, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) dan hsla(0, 0%, 0%, 1) semuanya menghasilkan latar belakang hitam padu) atau untuk kecerunan (sebagai contoh, linear-gradient(red, green), radial-gradient(red, green) atau conic-gradient(red, green)). Kecerunan juga boleh diulang.

Langkah-langkah:

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Klik Sunting tema di sebelah tema yang ingin anda sesuaikan.

  3. Klik ikon settings dan kemudian klik Warna.

  4. Dalam bahagian Skema, klik skema sedia ada yang ingin anda sunting.

  5. Klik kecerunan yang ingin anda edit.

  6. Klik anak panah di sebelah Kecerunan, kemudian pilih CSS.

  7. Dalam medan Kod CSS, taip atau tampal kod kecerunan anda. Pratonton penyunting tema memaparkan kecerunan anda di lokasi yang sesuai.

  8. Klik Simpan.

Medan Kod CSS Kecerunan dalam penyunting tema

Alih keluar kecerunan

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Klik Sunting tema di sebelah tema yang ingin anda sesuaikan.

  3. Klik ikon settings dan kemudian klik Warna.

  4. Dalam bahagian Skema, klik skema sedia ada yang ingin anda sunting.

  5. Klik kecerunan yang ingin anda alih keluar.

  6. Klik Alih keluar kecerunan.

  7. Klik Simpan.

Tipografi

Anda boleh menetapkan gaya dan saiz fon untuk teks pada kedai dalam talian anda. Anda boleh memilih fon sistem atau menambah fon tersuai. Fon yang tersedia dalam tema anda bergantung pada pembangun tema anda. Semua tema Shopify percuma menggunakan fon daripada pustaka fon Shopify.

Pertimbangkan untuk menggunakan fon sistem di kedai anda, kerana fon sistem sudah terpasang pada komputer pengguna. Menggunakan fon sistem mengelakkan pemuatan turun fon baharu ke komputer pelanggan anda, yang boleh memberi kesan negatif kepada kelajuan pemuatan kedai anda. Fon yang dipaparkan pada komputer pelanggan anda bergantung pada sistem pengendalian mereka.

Sesuaikan jenis fon anda

Rujuk Pustaka fon Shopify untuk melihat senarai fon yang tersedia.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Tipografi.

  5. Untuk menukar jenis fon bagi tajuk atau teks isi kedai anda, klik Tukar dalam bahagian Tajuk atau Isi.

  6. Klik nama fon yang ingin anda gunakan, kemudian klik Pilih.

  7. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Tipografi.

  7. Untuk menukar jenis fon bagi tajuk atau teks isi kedai anda, ketik Tukar dalam bahagian Tajuk atau Isi.

  8. Ketik nama fon yang ingin anda gunakan, kemudian ketik Selesai.

  9. Ketik Simpan atau .

Sesuaikan saiz fon anda

Anda boleh menetapkan saiz fon lalai bagi tajuk dan teks isi anda dengan tetapan tema Tipografi.

Saiz fon minimum ialah 100% dan saiz fon maksimum ialah 150%. Setiap kenaikan pada skala meningkatkan saiz fon sebanyak 5%. Tetapan lalai ialah 100%.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Tipografi.

  5. Untuk menukar saiz fon lalai bagi teks Tajuk, gunakan peluncur julat Skala saiz fon untuk memilih saiz fon lalai.

  6. Untuk menukar saiz fon lalai bagi teks Isi, gunakan peluncur julat Skala saiz fon untuk memilih saiz fon lalai.

  7. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Tipografi.

  7. Untuk menukar saiz fon lalai bagi teks Tajuk, gunakan peluncur julat Skala saiz fon untuk memilih saiz fon lalai.

  8. Untuk menukar saiz fon lalai bagi teks Isi, gunakan peluncur julat Skala saiz fon untuk memilih saiz fon lalai.

  9. Ketik Simpan atau .

Susun atur

Anda boleh menetapkan lebar paparan maksimum kedai dalam talian anda, serta menetapkan ruang menegak dan mendatar antara bahagian.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Susun atur.

  5. Gunakan peluncur julat Lebar halaman untuk memilih lebar halaman antara 1000 px dengan 1600 px. Tetapan lalai ialah 1600 px.

  6. Pilihan: Gunakan peluncur julat untuk menambah Ruang antara bahagian templat menegak pada halaman anda. Anda boleh menambah sehingga maksimum 100 px antara bahagian.

  7. Pilihan: Jika anda mempunyai susun atur Grid, maka gunakan peluncur julat Ruang mendatar dan Ruang menegak untuk menambah ruang antara kandungan grid pada halaman anda. Penambahan ruang mendatar akan menambah maksimum 40 px ruang pada baris kandungan pada halaman anda, manakala penambahan ruang menegak akan menambah maksimum 40 px ruang pada lajur kandungan pada halaman anda.

  8. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Susun atur.

  7. Gunakan peluncur julat Lebar halaman untuk memilih lebar halaman antara 1000 px dengan 1600 px. Tetapan lalai ialah 1600 px.

  8. Pilihan: Gunakan peluncur julat untuk menambah Ruang antara bahagian templat menegak pada halaman anda. Anda boleh menambah sehingga maksimum 100 px antara bahagian.

  9. Pilihan: Jika anda mempunyai susun atur Grid, maka gunakan peluncur julat Ruang mendatar dan Ruang menegak untuk menambah ruang antara kandungan grid pada halaman anda. Penambahan ruang mendatar akan menambah maksimum 40 px ruang pada baris kandungan pada halaman anda, manakala penambahan ruang menegak akan menambah maksimum 40 px ruang pada lajur kandungan pada halaman anda.

  10. Ketik Simpan atau .

Animasi

Animasi membolehkan anda menambahkan pergerakan dan tarikan visual pada kedai dalam talian anda. Anda boleh mengaktifkan animasi resap masuk yang mendedahkan bahagian kedai anda apabila ditatal dan kesan legar untuk kad dan butang anda.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Animasi.

  5. Pilihan: Untuk mengaktifkan animasi yang mendedahkan bahagian kedai dalam talian anda apabila ditatal, pilih Dedahkan bahagian semasa menatal.

  6. Pilihan: Untuk menambahkan animasi kesan legar pada kad dan butang anda, pilih salah satu pilihan berikut daripada tetapan Kesan legar:

    • Angkat menegak: Apabila pelanggan melegar di atas kad atau butang, elemen akan beralih ke atas.
    • Angkat 3D: Apabila pelanggan melegar di atas kad atau butang, elemen akan beralih ke hadapan dan memberikan kesan 3D. Kesan ini juga mempunyai sinaran halus yang bergerak melintasi elemen dan memberikan satu lagi lapisan dimensi.
  7. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Animasi.

  7. Pilihan: Untuk mengaktifkan animasi yang mendedahkan bahagian kedai dalam talian anda apabila ditatal, pilih Dedahkan bahagian semasa menatal.

  8. Pilihan: Untuk menambahkan animasi kesan legar pada kad dan butang anda, pilih salah satu pilihan berikut daripada tetapan Kesan legar:

    • Angkat menegak: Apabila pelanggan melegar di atas kad atau butang, elemen akan beralih ke atas.
    • Angkat 3D: Apabila pelanggan melegar di atas kad atau butang, elemen akan beralih ke hadapan dan memberikan kesan 3D. Kesan ini juga mempunyai sinaran halus yang bergerak melintasi elemen dan memberikan satu lagi lapisan dimensi.
  9. Ketik Simpan atau .

Tetapan penyesuaian elemen visual

Anda boleh melaraskan penampilan elemen tema anda, seperti butang, kad produk dan varian daripada halaman Tetapan tema. Setiap pilihan mengandungi tetapan yang berkaitan untuk elemen tersebut.

Anda boleh melaraskan tetapan untuk elemen tema anda yang berikut:

  • Butang: Butang termasuk butang seruan untuk bertindak di bahagian seperti tayangan slaid atau imej dengan teks, berserta butang dalam borang hubungan, pada halaman produk anda dan halaman troli.
  • Pil varian: Pil varian membolehkan anda memaparkan varian produk pada halaman produk atau bahagian produk yang diketengahkan. Pelanggan boleh memilih varian yang diingini untuk menambahkan produk pada troli mereka tanpa perlu menukar halaman produk. Anda boleh menyesuaikan cara pil varian anda dipaparkan pada kedai dalam talian anda.
  • Input: Input ialah kawasan interaktif yang memerlukan input pelanggan, sebagai contoh, pemilih kuantiti, borang pendaftaran e-mel atau nota troli. Anda boleh melaraskan penampilan input kedai dalam talian anda.
  • Tetapan untuk kad produk, kad koleksi dan kad blog membolehkan anda menyesuaikan gaya setiap jenis kad apabila kad tersebut dipaparkan dalam bahagian halaman.
    • Kad produk: Kad produk memaparkan maklumat tentang produk anda dalam kawasan tema anda yang menyenaraikan berbilang produk, seperti templat koleksi, bahagian koleksi dan hasil carian.
    • Kad koleksi: Kad koleksi memaparkan maklumat tentang koleksi anda di kawasan tema anda yang menyenaraikan koleksi, seperti templat atau bahagian senarai koleksi.
    • Kad blog: Kad blog memaparkan maklumat tentang siaran blog anda di kawasan tema anda yang menyenaraikan berbilang produk, seperti templat blog, bahagian blog dan hasil carian.
  • Kontena kandungan: Kontena digunakan untuk elemen teks dalam bahagian kandungan, contohnya, kotak teks pada tayangan slaid, pada sepanduk imej, atau dalam lajur bahagian berbilang lajur. Anda boleh menyesuaikan penampilan kontena kandungan untuk kedai dalam talian anda.
  • Media: Media ialah komponen visual untuk bahagian, contohnya, media produk atau imej dalam bahagian Imej dengan teks. Anda boleh menambah sempadan dan bayang pada media anda.
  • Juntai bawah dan tetingkap timbul: Anda boleh melaraskan penampilan menu juntai bawah, modal timbul dan tetingkap timbul troli pada kedai dalam talian anda.
  • Laci: Laci ialah kontena tersembunyi dan interaktif yang dipaparkan apabila diketik atau diklik, seperti menu boleh lipat atau pilihan penapis koleksi. Anda boleh menyesuaikan sempadan dan bayang laci pada kedai dalam talian anda.
  • Lencana: Lencana Jualan dan Habis dijual ditambahkan secara automatik pada imej produk anda apabila anda mengurangkan harga atau apabila kiraan inventori mencapai 0. Anda boleh melaraskan kedudukan, bentuk dan warna lencana Jualan dan Habis dijual anda secara individu dalam tetapan tema anda. Lencana Halaman dan Blog dipaparkan dalam hasil carian yang berkaitan. Anda boleh menyesuaikan kedudukan dan bentuk lencana ini, tetapi anda tidak boleh menukar warna lencana Halaman dan Blog.
  • Maklumat jenama: Anda boleh menyertakan maklumat tentang jenama anda pada kedai dalam talian anda. Apabila anda telah menyelesaikan langkah-langkah yang berikut, anda kemudiannya boleh menambah blok Maklumat jenama pada pengaki kedai dalam talian anda.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Klik Edit tema di sebelah tema yang ingin anda edit.

  3. Klik ikon tetapan.

  4. Klik elemen untuk membuka tetapan.

  5. Laraskan mana-mana tetapan yang tersedia. Anda boleh menyemak perubahan dengan menavigasi ke kawasan berbeza tema anda dalam tetingkap pratonton.

  6. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Edit tema di sebelah tema yang ingin anda edit.

  4. Ketik ikon tetapan.

  5. Ketik elemen untuk membuka tetapan.

  6. Laraskan mana-mana tetapan yang tersedia. Anda boleh menyemak perubahan dengan menavigasi ke kawasan berbeza tema anda dalam tetingkap pratonton.

  7. Ketik Simpan atau .

Media sosial

Anda boleh menambah pautan ke akaun media sosial anda yang dipaparkan dalam pengaki kedai dalam talian anda.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Media sosial.

  5. Untuk menambah pautan ke akaun media sosial anda, masukkan alamat laman web untuk akaun anda dalam medan Akaun sosial yang berkaitan. Anda perlu memasukkan pautan penuh, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  6. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Media sosial.

  7. Untuk menambah pautan ke akaun media sosial anda, masukkan alamat laman web untuk akaun anda dalam medan Akaun sosial yang berkaitan. Anda perlu memasukkan pautan penuh, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  8. Ketik Simpan atau .

Tingkah laku carian

Kedai dalam talian anda merangkumi carian ramalan, yang memaparkan cadangan apabila pelanggan mula menaip ke dalam medan carian. Cadangan carian boleh membantu pelanggan menyatakan dan memerincikan pertanyaan carian mereka, serta memberikan cara baharu untuk mereka meneroka kedai dalam talian anda. Cadangan carian juga membolehkan pelanggan menyemak imbas padanan dengan pantas, tanpa perlu meninggalkan halaman semasa mereka untuk melihat senarai hasil carian yang berasingan.

Untuk mengetahui lebih lanjut tentang cara cadangan carian berfungsi, rujuk Carian ramalan.

Anda boleh menyesuaikan cara cadangan carian dipaparkan kepada pelanggan anda.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Tingkah laku carian.

  5. Untuk mengaktifkan atau menyahaktifkan cadangan carian, pilih atau nyahpilih Dayakan cadangan carian.

  6. Pilihan: Untuk memaparkan atau menyembunyikan vendor produk dalam cadangan carian, pilih atau nyahpilih Tunjukkan vendor produk.

  7. Pilihan: Untuk memaparkan atau menyembunyikan harga produk dalam cadangan carian, pilih atau nyahpilih Tunjukkan harga produk.

  8. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Tingkah laku carian.

  7. Untuk mengaktifkan atau menyahaktifkan cadangan carian, pilih atau nyahpilih Dayakan cadangan carian.

  8. Pilihan: Untuk memaparkan atau menyembunyikan vendor produk dalam cadangan carian, pilih atau nyahpilih Tunjukkan vendor produk.

  9. Pilihan: Untuk memaparkan atau menyembunyikan harga produk dalam cadangan carian, pilih atau nyahpilih Tunjukkan harga produk.

  10. Ketik Simpan atau .

Format mata wang

Anda boleh memilih untuk memaparkan kod mata wang bersama harga pada produk anda.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Format mata wang.

  5. Untuk memaparkan kod mata wang, pilih Tunjukkan kod mata wang.

  6. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Format mata wang.

  7. Untuk memaparkan kod mata wang, pilih Tunjukkan kod mata wang.

  8. Ketik Simpan atau .

Troli

Anda boleh menukar gaya troli pada kedai dalam talian anda. Apabila pelanggan menambahkan produk dari kedai anda ke dalam troli mereka, troli boleh dipaparkan sebagai laci, halaman atau pemberitahuan timbul. Untuk mengekalkan pelanggan pada halaman produk, gunakan pilihan laci atau pemberitahuan timbul. Untuk membawa pelanggan ke halaman troli, gunakan pilihan halaman. Apabila troli pelanggan kosong, anda boleh memaparkan koleksi yang ditampilkan di dalam laci troli.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Troli.

  5. Gunakan menu juntai bawah Jenis troli untuk memilih gaya troli Laci, Halaman atau Pemberitahuan timbul.

  6. Pilihan: Untuk memaparkan vendor item dalam troli pelanggan, pilih Tunjukkan vendor.

  7. Pilihan: Untuk memberikan pelanggan kotak teks yang membolehkan mereka memasukkan permintaan khas atau menambah maklumat pesanan tambahan, pilih Dayakan nota troli.

  8. Pilihan: Jika anda memilih Laci sebagai Jenis troli anda, maka anda boleh memaparkan koleksi dalam laci troli apabila troli tersebut kosong:

    1. Di kawasan Laci troli, klik Pilih koleksi.
    2. Klik nama koleksi yang ingin anda paparkan, kemudian klik Pilih.
  9. Pilihan: Jika anda memilih Laci sebagai Jenis troli anda, maka anda boleh menukar skema warna laci troli anda dengan mengambil langkah-langkah yang berikut:

    1. Di kawasan Laci troli > Skema warna, klik Tukar.
    2. Pilih skema warna yang ingin anda gunakan untuk laci troli anda.
  10. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Troli.

  7. Pilih Jenis troli anda daripada pilihan Laci, Halaman atau Pemberitahuan timbul.

  8. Pilihan: Untuk memaparkan vendor item dalam troli pelanggan, pilih Tunjukkan vendor.

  9. Pilihan: Untuk memberikan pelanggan kotak teks yang membolehkan mereka memasukkan permintaan khas atau menambah maklumat pesanan tambahan, pilih Dayakan nota troli.

  10. Pilihan: Jika anda memilih Laci sebagai Jenis troli anda, maka anda boleh memaparkan koleksi dalam laci troli apabila troli tersebut kosong:

    1. Di kawasan Laci troli, ketik Pilih koleksi.
    2. Ketik nama koleksi yang ingin anda paparkan, kemudian ketik Selesai.
  11. Pilihan: Jika anda memilih Laci sebagai Jenis troli anda, maka anda boleh menukar skema warna laci troli anda dengan mengambil langkah-langkah yang berikut:

    1. Di kawasan Laci troli > Skema warna, ketik Tukar.
    2. Pilih skema warna yang ingin anda gunakan untuk laci troli anda, kemudian ketik Selesai.
  12. Ketik Simpan atau .

CSS Tersuai

Bahagian CSS Tersuai membolehkan anda memasukkan kod CSS anda sendiri, contohnya untuk menyesuaikan penampilan butang kedai dalam talian anda melebihi tetapan lalai yang tersedia, atau untuk menggunakan penggayaan unik pada elemen teks khusus.

CSS tersuai dalam tetapan tema anda mempengaruhi semua halaman dalam kedai dalam talian anda, kecuali pembayaran anda.

Ketahui lebih lanjut tentang Menambahkan CSS tersuai pada tema anda.

Gaya tema

Gaya tema ialah koleksi tetapan yang dipilih oleh pereka bentuk tema. Anda boleh menggunakan gaya tema pada kedai anda untuk memberikan rupa dan rasa yang lebih kemas. Semua tema mempunyai gaya tema yang digunakan secara lalai. Pilihan gaya tema lain yang anda ada bergantung pada tema yang anda gunakan.

Apabila anda menyesuaikan tema, anda menggantikan tetapan gaya tema dengan tetapan anda sendiri. Apabila anda menggunakan gaya tema pada tema anda, anda menukar tetapan semasa anda, seperti warna dan tipografi.

Langkah-langkah:

Desktop
  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang mahu anda edit, dan kemudian klik Edit tema.

  3. Klik ikon Tetapan tema tetapan.

  4. Klik Gaya tema.

  5. Pilih gaya tema yang ingin anda gunakan, kemudian klik Tukar gaya.

  6. Klik Simpan.

Mudah alih
  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

  3. Ketik Urus semua tema.

  4. Cari tema yang mahu anda edit, dan kemudian ketik Edit tema.

  5. Ketik atau , dan kemudian ketik Tetapan tema.

  6. Ketik Gaya tema.

  7. Pilih gaya tema yang ingin anda gunakan, kemudian ketik Selesai.

  8. Ketik Simpan atau .