Tema Storefront: Cara Memasang dan Mengonfigurasinya

Diterbitkan: 2018-01-12

Etalase adalah salah satu tema yang paling fleksibel dan dapat diperluas saat meluncurkan toko WooCommerce menggunakan WordPress.

Karena arsitektur kodenya yang bersih, ini menjadi sangat populer di kalangan pengguna dan saat ini lebih dari 100.000 toko online menggunakan Storefront sebagai tema WordPress mereka.

Memasang Tema Toko WooCommerce

Ada dua cara Anda dapat menginstal tema Storefront, baik melalui pencarian tema dari dashboard WP Anda atau mengunggah tema secara manual.

Menginstal menggunakan Dasbor WordPress

Cara tercepat untuk menginstal Storefront adalah melalui dashboard WordPress. Ikuti langkah-langkah ini untuk menginstal Storefront melalui dashboard WordPress.

  1. Buka Penampilan> Tema> Tambah Baru
  2. Ketik ' etalase ' ke dalam kotak pencarian dan tekan enter.
  3. Arahkan kursor ke tangkapan layar Storefront.
  4. Pilih tombol ' Instal '.
  5. Klik Aktifkan

Memasang Etalase Secara Manual

  1. Unduh versi terbaru dari Storefront dari wordpress.org
  2. Buka Penampilan> Tema> Tambah Baru
  3. Klik Unggah Tema dan pilih file zip yang diunduh sebelumnya.
  4. Klik Instal Sekarang
  5. Klik Aktifkan

Menyiapkan Beranda

Etalase memiliki templat Beranda bawaan yang dipikirkan dengan baik. Strukturnya yang bersih akan membantu audiens Anda menemukan produk yang Anda jual dengan mudah.

Ada 6 bagian dalam template Homepage Storefront default. Tetapi Anda dapat menambah atau menghapus bagian berdasarkan kebutuhan Anda.

Bagian Beranda Default:

  • Konten Halaman
  • Kategori Produk
  • Produk Terbaru
  • Produk Pilihan
  • Produk Populer
  • Produk Dijual
  • Produk Terlaris

Menetapkan Template Beranda

Untuk menyiapkan template Beranda, ikuti langkah-langkah berikut:

  1. Buka Dasbor -> Halaman dan buat halaman berjudul " Beranda " atau apa pun yang Anda suka.
  2. Tambahkan konten sambutan yang Anda suka, yang akan ditampilkan di atas produk.
  3. Di sisi kanan, Anda akan menemukan kotak berjudul " Atribut Halaman "
  4. Pilih “ Homepage ” dari drop-down “ Template ”.
  5. Klik Terbitkan atau Perbarui untuk menyimpan perubahan.

Menampilkan Template Beranda

Setelah menerbitkan halaman, sekarang Anda harus menampilkan beranda ini sebagai halaman depan situs web Anda. Jadi siapa pun yang membuka situs web Anda terlebih dahulu melihat halaman ini. Untuk mengatur ini ikuti langkah-langkah berikut:

  1. Buka Dasbor > Pengaturan > Membaca
  2. Di bawah Tampilan beranda Anda pilih Halaman statis (pilih di bawah)
  3. Pilih halaman penetapan templat beranda sebelumnya di tarik-turun Beranda .
  4. Klik Simpan Perubahan

Pesan Ulang Bagian Halaman Depan Toko

Anda dapat mengubah urutan bagian Homepage Storefront menggunakan kait atau menggunakan plugin yang disebut Homepage Control. Ikuti langkah-langkah di bawah ini untuk mengurutkan ulang bagian beranda Anda:

  1. Unduh & Instal Kontrol Beranda
  2. Pergi ke Appearance -> Customize -> Homepage Control
  3. Seret & urutkan ulang bagian sesuai kebutuhan Anda.
  4. Klik Simpan & Terbitkan untuk menyimpan perubahan.

Mengonfigurasi Menu Navigasi

Dalam tema Storefront Anda dapat menampilkan Menu di 3 lokasi.

  1. Menu Utama – Muncul tepat di bawah logo situs.
  2. Menu Sekunder – Di samping logo di dekat kotak pencarian.
  3. Menu Genggam – Menu untuk perangkat Seluler.

Menyiapkan Menu

Secara default, jika menu utama tertentu tidak disetel, WordPress menampilkan semua halaman Anda sebagai menu utama Anda. Terkadang ini membingungkan pengguna dan membuat mereka kesulitan mencari tahu bagaimana halaman ini masuk ke menu.

Membuat menu baru dan menambahkan halaman ke dalamnya

  1. Buka panel Admin lalu, Penampilan> Menu
  2. Di bagian atas Anda akan menemukan bidang Nama Menu. Tulis nama menu Anda di sini.
  3. Dari sisi kiri klik pada Halaman (dengan asumsi Anda ingin menambahkan halaman ke menu)
  4. Klik Lihat Semua untuk mendapatkan daftar semua halaman yang diterbitkan.
  5. Centang halaman yang ingin Anda tampilkan di menu.
  6. Setelah memilih halaman, klik tombol Add to Menu.
  7. Drag & drop item menu untuk mengatur ulang sesuai dengan keinginan Anda.
  8. Klik Simpan Menu

Menetapkan Menu

Setelah membuat menu, tetapkan menu ke lokasi yang Anda inginkan untuk ditampilkan. Arahkan ke Appearance > Menus > Menu Settings dan centang lokasi dari kotak centang Display location .

Menambahkan Kategori Produk ke Menu Anda

  1. Buka panel Admin lalu, Penampilan> Menu
  2. Klik Opsi Layar dari kiri atas dan periksa Kategori Produk
  3. Sekarang di panel kiri tab Kategori Produk akan muncul.
  4. Klik pada tab Kategori Produk untuk memperluas, pilih kategori
  5. Setelah memilih klik tombol Add to Menu .
  6. Drag & drop item menu untuk mengatur ulang sesuai dengan keinginan Anda.
  7. Klik menu Simpan

Pengaturan Widget

Etalase memungkinkan Anda untuk menampilkan enam wilayah widget di 3 area berbeda.

  1. Sidebar – Kiri atau kanan konten situs utama,
  2. Di Bawah Tajuk – Tepat di bawah tajuk situs dan di atas konten.
  3. Kolom Footer 1 – Area Footer
  4. Kolom Footer 2 – Area Footer
  5. Kolom Footer 3 – Area Footer
  6. Kolom Footer 4 – Area Footer

Menyiapkan WooCommerce

Menginstal WooCommerce

  1. Buka Dasbor > Plugin > Tambah Baru > Cari Plugin
  2. Cari “WooCommerce”.
  3. Klik Instal Sekarang .
  4. Klik Aktifkan .

Mengonfigurasi WooCommerce

Setelah mengaktifkan WooCommerce, Anda akan diminta untuk menginstal WooCommerce dengan wizard. Ini akan menangani semua pengaturan awal. Itu dibagi menjadi 6 bagian.

  • Pengaturan Halaman – Secara otomatis mengonfigurasi halaman-halaman penting (Toko, Keranjang, Checkout, Akun Saya).
  • Lokasi Toko – Konfigurasikan lokasi Toko, Mata Uang, dan Pajak Penjualan
  • Pengiriman – Konfigurasikan unit Berat dan unit dimensi
  • Pembayaran – Siapkan gateway pembayaran.
  • Tema – Instal tema yang kompatibel dengan WooCommerce.
  • Siap – (opsional) Izinkan WooCommerce untuk mengumpulkan informasi penggunaan.

Anda dapat semua pengaturan ini kapan pun Anda mau dari dasbor WooCommerce.

Tambahkan Produk ke WooCommerce

  1. Buka Dasbor WordPress
  2. Klik Produk > Tambah Baru
  3. Tulis nama atau judul produk Anda di bidang Nama Produk .
  4. Tulis deskripsi produk Anda di editor di bawah ini.
  5. Sekarang Anda harus mengunggah satu gambar unggulan produk Anda dan gambar tambahan ke galeri produk.
  6. Di sebelah kanan Anda akan menemukan kotak berjudul Gambar produk & galeri produk
  7. Unggah gambar unggulan ke gambar Produk dan gambar tambahan ke galeri produk
  8. Klik Publikasikan .

Menyiapkan Harga & Atribut Produk

Untuk mengatur harga produk Buka Dasbor > Produk dan pilih produk apa saja. Kemudian Gulir ke bawah ke bagian Data Produk. Berikut adalah deskripsi singkat dari semua pengaturan bagian data produk:

tipe produk

  • Produk sederhana : Produk tunggal yang sederhana.
  • Produk yang dikelompokkan : Produk yang merupakan bagian dari koleksi.
  • Produk Eksternal/ Afiliasi : Produk yang terdaftar di toko Anda tetapi produk sebenarnya dijual di tempat lain.
  • Variable product : Produk dengan variasi (ukuran, warna)
  • Produk virtual : Produk yang tidak memerlukan pengiriman.
  • Produk yang dapat diunduh : Produk di mana Anda harus menyediakan file yang dapat diunduh.

Umum

  • Harga Reguler : Harga produk reguler.
  • Harga Jual : potongan harga produk.

Inventaris

  • SKU : Stock keep unit (SKU) melacak produk
  • Kelola stok : Aktifkan manajemen stok
  • Status stok : Apakah produk tersedia atau habis.
  • Terjual Perorangan : Dapat dijual dalam satu kali pemesanan.

Pengiriman

  • Berat: Berat produk.
  • Dimensi: Panjang, lebar dan tinggi produk.
  • Kelas pengiriman: Mengelompokkan produk yang sejenis dengan metode pengiriman tertentu.

Produk Tertaut

  • Upsells : Menampilkan produk terkait di bawah halaman detail produk.
  • Cross-sells : Menampilkan produk terkait di halaman keranjang.
  • Atribut : Pilih atribut global produk Anda.

Canggih

  • Catatan pembelian : Catatan untuk mengirim pelanggan setelah menyelesaikan pembelian.
  • Urutan menu : Posisi pemesanan khusus untuk produk ini.
  • Aktifkan ulasan : Mengaktifkan atau menonaktifkan ulasan produk.

Menyesuaikan etalase

Cara Menambahkan Logo

Ikuti langkah-langkah ini untuk menambahkan dan menampilkan logo ke situs web Anda:
1. Masuk ke Admin WordPress lalu Appearance > Customize
2. Lalu pergi ke Identitas Situs > Logo
3. Klik Pilih Logo untuk mengunggah gambar logo Anda. (Ukuran Gambar yang Disarankan: 470px X 110px)
4. Klik Publikasikan.

Tempat mengunggah favicon situs

Ikuti langkah-langkah ini untuk menambahkan dan menampilkan favicon ke situs web Anda:
1. Masuk ke Admin WordPress lalu Appearance > Customize
2. Lalu pergi ke Identitas Situs > Ikon Situs
3. Klik Pilih Gambar untuk mengunggah gambar logo Anda. (Ukuran Gambar yang Disarankan: 512px X 512px)
4. Klik Publikasikan.

Cara Mengubah arsip posting atau tata letak blog

  1. Buka Penampilan > Sesuaikan > Penyesuai Blog > Arsip Posting
  2. Pilih tata letak dari Tata Letak Arsip Pos
  3. Klik Publikasikan

Cara Mengubah arsip posting atau kolom blog

  1. Buka Penampilan > Sesuaikan > Penyesuai Blog > Arsip Posting
  2. Pilih nomor kolom (Lebar Penuh, 2 Kolom, 3 Kolom & 4 Kolom) dari Kolom Arsip Pos
  3. Klik Publikasikan

Cara Mengubah satu posting atau tata letak artikel

  1. Buka Penampilan > Sesuaikan > Penyesuai Blog > Posting Tunggal
  2. Pilih tata letak dari Tata Letak Posting Tunggal
  3. Klik Publikasikan

Cara mengubah font

  1. Buka Penampilan > Sesuaikan > Gaya Umum > Tipografi
  2. Pilih font dari Font Pairing
  3. Klik Publikasikan

Kustomisasi WooCommerce

Cara Mengubah tata letak halaman Toko

  1. Buka Penampilan > Sesuaikan > WooCommerce > Halaman Toko – Daftar Produk
  2. Pilih tata letak dari Tata Letak Arsip Produk
  3. Klik Publikasikan

Cara Mengubah tata letak halaman detail produk

  1. Buka Penampilan > Sesuaikan > WooCommerce > Halaman Toko – Daftar Produk
  2. Pilih tata letak dari Tata Letak Arsip Produk
  3. Klik Publikasikan