Halaman Produk Toko

Pixpa memungkinkan Anda mengubah tata letak halaman daftar produk dan halaman detail produk. Periksa tautan di bawah ini untuk melihat perbedaan di antara keduanya:

Selain tata letak, Anda dapat mengelola font judul/metadata produk, produk terkait, dan navigasi remah roti.

Dalam artikel ini:

  1. tata ruang
  2. Teks
  3. Bagian Info 
  4. Program Terkait
  5. Navigasi Breadcrumb

Sesuaikan desain halaman Detail Produk:

  • Enter desain toko (1) di Bilah Pencarian.
  • Dari hasil terkait, klik pada Desain Toko opsi (2) di bawah Tautan Studio. 

  • Sekarang, dari Halaman Produk (3) tab, Anda akan melihat opsi desain untuk halaman produk. 


Ini akan membawa Anda ke halaman tata letak, dari mana Anda dapat memilih tata letak untuk halaman produk Anda.

tata ruang

  1. tata ruang – Pilih tata letak untuk halaman detail produk.
  2. Lebar – Pilih lebar untuk halaman detail produk.
    • Lebar penuh' akan menampilkan halaman produk sambil menutupi seluruh lebar tanpa meninggalkan margin apa pun.
    • 'Lebar situs' dapat ditentukan dalam Mendesain bagian. Anda dapat menentukan lebar tetap di sana.
      Ini akan menampilkan halaman produk dengan mengikuti lebar tetap yang ditentukan.
  3. Tampilan Gambar Produk – Tentukan bagaimana gambar produk harus ditampilkan di halaman produk. Anda dapat menampilkannya dengan thumbnail atau sebagai tumpukan vertikal.

  1. Lightbox untuk Gambar Produk – Aktifkan untuk mengaktifkan mode lightbox untuk gambar produk.
  2. Aktifkan Berbagi Sosial – Centang opsi ini untuk menampilkan ikon sosial untuk dibagikan di halaman detail produk.


Teks

Klik pada Ubah Gaya Teks tombol untuk menyesuaikan font digunakan di situs web Anda.

  1. Ubah Gaya Teks – Klik tombol ini untuk menyesuaikan font digunakan di situs web Anda.
  2. Font Judul Produk – Pilih font untuk judul produk.
  3. Fon Harga Produk – Pilih font untuk harga produk.
  4. Fon Metadata Produk – Pilih font untuk teks selain judul produk & harga produk pada halaman detail produk.


Bagian Info

  1. Kelola font judul bagian info. Juga Periksa: Gaya teks situs web.
  2. Pilih gaya bagian Info di halaman Produk. Anda dapat menampilkan bagian info di Akordeon Vertikal or Akordeon Horisontal (Tabbed)..
  3. Memilih untuk perluas bagian info pertama ditambahkan ke produk secara default. Ini hanya akan berfungsi dengan opsi Akordeon Vertikal.


Ini adalah bagian yang biasanya menampilkan item yang saling melengkapi atau serupa dengan produk yang sedang dilihat pelanggan, sehingga mendorong pembelian tambahan dan meningkatkan pengalaman berbelanja.

  1. Tampilkan Produk Terkait – Centang opsi ini untuk menampilkan produk terkait di halaman detail produk.
  2. Sortir dengan - Pilih cara mengurutkan produk terkait di halaman produk. Anda dapat memilih dari empat opsi berbeda:
    • Produk Terbaru - Saat Anda menambahkan produk ke Toko, produk tersebut akan diurutkan, dengan produk terbaru muncul pertama di bagian produk terkait.
    • Terlaris – Produk-produk terkait akan disusun berdasarkan kinerja penjualan, dengan sebagian besar produk terlaris muncul terlebih dahulu.
    • Persediaan Tertinggi – Produk akan diatur berdasarkan sisa inventaris, dengan produk yang memiliki inventaris terbanyak ditampilkan terlebih dahulu.
    • Acak - Produk terkait akan diurutkan secara acak.
  1. Jumlah Produk – Pilih berapa banyak produk yang akan muncul di Produk-produk terkait bagian.
  2. Label - Tentukan label bagian produk terkait.
  3. Tampilan - Pilih gaya produk yang akan ditampilkan di bagian produk terkait. Anda dapat memilih dari opsi seperti Kotak, Horizontal, Vertikal, dan Dinamis.


Navigasi Breadcrumb

  1. Jarak penglihatan – Tentukan visibilitas/posisi navigasi remah roti di halaman detail produk.
  2. Navigasi Atas – Pilih navigasi remah roti teratas untuk halaman detail produk. Anda dapat memilih dari Remah roti – Kiri / Kanan, Breadcrumbs dengan Nama Kategori, Breadcrumbs dengan Sebelumnya / Berikutnya, Sebelumnya / Berikutnya – Tengah atau Samping, Judul Konten, dan Kembali ke Toko Pilihan
  3. Gaya Font Atas – Pilih font untuk navigasi remah roti teratas.
  4. Navigasi Bawah – Pilih navigasi remah roti bawah untuk halaman detail produk. Anda dapat memilih dari Sebelumnya/Berikutnya – Tengah atau Samping, dan Judul Konten Pilihan
  5. Gaya Font Bawah – Pilih font untuk navigasi remah roti bawah.

Juga Periksa: Opsi navigasi folder.

Silahkan lihat di remah roti halaman produk dimana Remah roti – Kiri pilihan dipilih sebagai Navigasi Teratas: 

Berikut adalah contoh dari navigasi remah roti sedang beraksi. 

Akhirnya, tekan Save tombol untuk menyimpan semua perubahan Anda.
Itu dia. Gaya pilihan Anda akan diterapkan ke halaman produk toko Anda.


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.