Bagaimana untuk Menjadikan Item Bar Sisi Aktif untuk Produk Semasa dalam WooCommerce?

Item Bar Sisi Aktif untuk Produk Semasa dalam WooCommerce

Menambah bar sisi pada halaman butiran produk WooCommerce anda ialah satu cara untuk meningkatkan pengalaman pengguna . Walau bagaimanapun, anda mungkin menghadapi cabaran untuk mengenal pasti produk semasa dan memaparkan kelas "aktif" dengan sewajarnya.

Mendapatkan ID Produk Semasa

Untuk menambah " aktif" kepada produk yang sedang dipilih dalam bar sisi, anda perlu mendapatkan ID produk semasa. Dalam versi WooCommerce sebelum 3.0, anda boleh mengakses ID produk menggunakan kod berikut:

echo get_the_ID();

Walau bagaimanapun, dalam WooCommerce 3.0 dan lebih baharu, anda perlu menggunakan kod yang diubah suai ini:

global $product;
$id = $product->get_id();

Kod ini mengakses produk menggunakan pembolehubah $product global dan kemudian mendapatkan IDnya menggunakan get_id() kaedah.

Menambah Kelas "Aktif"

Setelah anda mempunyai ID produk semasa, anda boleh membandingkannya dengan ID produk di bar sisi dan menambah kelas "aktif" jika ia sepadan. Berikut ialah contoh:

Kod ini membandingkan ID produk yang diperoleh sebelum ini ($id) dengan ID item bar sisi semasa ($li). Jika ia sepadan, ia menambah kelas "aktif" pada

elemen.

Dengan melaksanakan kod ini, anda boleh memaparkan kelas "aktif" dengan berkesan untuk item bar sisi yang sepadan dengan produk yang dipilih pada masa ini dalam tema WooCommerce anda.

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Item Bar Sisi Aktif untuk Produk Semasa dalam WooCommerce?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!