Penyesuaian paparan produk dan koleksi lanjutan untuk pemalam Shopify

Tetapan lanjutan ini membantu anda menyesuaikan laman kedai anda di WordPress, memperibadikan jenama perniagaan anda dan meningkatkan pengalaman membeli pelanggan anda.

Pemalam Shopify dan komponen laman kedai Shopify

Pemalam Shopify dibina menggunakan Komponen Web Laman Kedai Shopify. Komponen berikut digunakan sebagai blok binaan bagi laman kedai Shopify anda:

• Komponen Kad Produk: Komponen ini memaparkan maklumat produk individu, kebiasaannya dipaparkan pada penyenaraian produk atau halaman koleksi. Komponen ini sering merangkumi elemen seperti imej produk, tajuk, harga dan butang Tambah ke troli.
• Komponen Modal Paparan Pantas Produk: Komponen ini memaparkan modal di atas kandungan sedia ada bersama butiran produk, butang Tambah ke troli dan pautan untuk melihat butiran produk penuh.
• Komponen Halaman Butiran Produk: Komponen ini memaparkan produk tunggal, bersama butiran produk penuh. Setiap komponen halaman butiran produk mempunyai URL yang unik.
• Komponen Koleksi: Komponen ini memaparkan koleksi produk yang telah anda cipta.

Penyesuaian paparan produk dan koleksi Shopify

Komponen laman kedai Shopify lalai pada pemalam anda mempunyai alat untuk membantu mencipta pengalaman membeli-belah yang lancar. Anda juga mempunyai fleksibiliti untuk menyesuaikan paparan bagi komponen ini agar sejajar dengan identiti jenama dan keperluan reka bentuk khusus anda.

Untuk melakukan penyesuaian tersebut, anda mesti mempunyai akses untuk mengubah suai fail dan direktori tema WordPress anda. Proses ini melibatkan penciptaan folder khusus di dalam direktori tema WordPress aktif anda.

Langkah-langkah:

1. Cipta folder Shopify: Mulakan dengan mencipta folder baharu yang dinamakan Shopify terus di dalam direktori tema aktif anda. Folder ini berfungsi sebagai lokasi pusat untuk penggantian komponen tersuai anda.
2. Gantikan Komponen Individu: Untuk mengubah suai komponen khusus, tambahkan fail PHP dengan nama yang ditetapkan di dalam folder Shopify yang baharu dicipta. Konvensyen penamaan untuk fail penggantian ini adalah penting agar pemalam dapat mengecam dan menggunakan versi tersuai anda:
   • Untuk menggantikan Komponen Kad Produk, cipta fail PHP yang dinamakan product-card.php di dalam folder Shopify.
   • Untuk menggantikan Komponen Modal Paparan Pantas Produk, cipta fail PHP yang dinamakan modal.php di dalam folder Shopify.
   • Untuk menggantikan Komponen Halaman Butiran Produk, cipta fail PHP yang dinamakan pdp.php di dalam folder Shopify.
   • Untuk menggantikan Komponen Koleksi, cipta fail PHP yang dinamakan component.php di dalam folder Shopify.

Selepas fail PHP tersuai anda dicipta, pemalam akan mengabaikan fail komponen lalainya untuk elemen khusus tersebut. Anda boleh melaksanakan sebarang kod di dalam fail penggantian ini, daripada blok HTML statik sehinggalah kepada logik PHP yang kompleks.

Walaupun sangat disyorkan agar memanfaatkan Komponen Web Laman Kedai Shopify (seperti yang digunakan dalam struktur pemalam lalai) untuk ketekalan dan akses kepada fungsi Shopify terbina dalam, anda tidak terhad kepada komponen tersebut sahaja. Anda boleh menyepadukan kaedah lain untuk mengambil dan memaparkan data produk dan koleksi, membolehkan penyesuaian lanjutan dibuat.

Untuk mendapatkan maklumat lanjut dan amalan terbaik, rujuk Dokumentasi pembangun pemalam WordPress.

Tulis semula produk dan koleksi Shopify

Apabila anda menerbitkan produk atau koleksi di Shopify, setiap produk dan koleksi mempunyai URL yang unik. Secara lalai, URL ini dicipta dengan domain Shopify anda. Dengan fungsi tulis semula, anda boleh mengakses URL unik tersebut menggunakan domain WordPress awam anda.

Langkah-langkah:

1. Daripada pemalam Shopify, pergi ke Tetapan.
2. Dalam tab Lanjutan, pastikan dua kotak semak di bahagian Tulis semula pautan Shopify telah diaktifkan.
3. Pergi ke Pautan Kekal.
4. Klik Simpan untuk menggunakan peraturan baharu ini.
5. Pergi ke pentadbir Shopify anda, kemudian navigasi ke halaman butiran produk atau koleksi yang anda mahu ciptakan pautan WordPress.
6. Dalam kad penyenaraian enjin carian, terdapat URL yang memautkan pelanggan terus kepada produk atau koleksi anda. Sebagai contoh: https://johns-apparel.myshopify.com › products › huskee-reusable-cup.
7. Tambahkan products/huskee-reusable-cup pada hujung URL tapak WordPress anda. Sebagai contoh: https://johns-apparel-wordpress.com/products/huskee-reusable-cup.

Sesuaikan tingkah laku kad produk anda

Dengan komponen laman kedai Shopify, terdapat dua jenis kad butiran produk:

1. Paparan pantas: Apabila tetikus dilalukan pada kad produk, pelanggan mempunyai pilihan untuk menggunakan ciri Beli-belah Pantas. Apabila diklik, butiran produk dipaparkan dalam gaya timbul atau modal di atas kandungan sedia ada di latar belakang.
2. Halaman produk terperinci: Apabila pelanggan mengklik kad produk, seperti pada imej atau nama produk, butiran produk akan dipaparkan dalam paparan halaman penuh dengan URL yang unik.

Anda boleh menukar tetapan ini untuk memaparkan sama ada paparan pantas sahaja, halaman produk terperinci sahaja atau kedua-duanya.

Langkah-langkah:

1. Daripada pemalam Shopify di WordPress, pergi ke Tetapan.
2. Daripada tab Lanjutan, pergi ke bahagian Paparan Produk.
3. Pilih pilihan yang paling sesuai untuk kedai anda.
4. Klik Simpan.