Pernahkah Anda mengalami situasi yang membutuhkan gambar untuk setiap tag WooCommerce Anda? Beruntung bagi Anda, begitu juga kami! Kami memiliki banyak produk dan banyak kategori, tetapi kami ingin memisahkan merek dari kategori sebenarnya, jadi daripada menggunakan subkategori di bawah induk "Merek", kami menggunakan tag. Ratusan produk kemudian klien kami ingin menampilkan gambar di setiap halaman tag — khususnya logo merek. Uh oh! Tidak ada opsi seperti itu.
Kita dapat menelusuri setiap produk, mengambil label mereknya, membuat kategori, dan menetapkannya ke kategori induk "Merek", tetapi itu sepertinya membutuhkan banyak pekerjaan tambahan. Ini terutama benar mengingat kami benar-benar menyukai cara merek ditampilkan di cloud tag di bagian depan situs.
Solusi:plugin Gambar Taksonomi
Plugin gambar taksonomi berfungsi dengan taksonomi khusus dan memberikan opsi GUI untuk melampirkan gambar ke taksonomi itu. Dalam hal ini taksonomi kami adalah Tag Produk. Menerapkannya membutuhkan dua langkah, menginstal/mengonfigurasi plugin dan mengupload gambar serta menyiapkan template tag WooCommerce Anda.
Menyiapkan plugin dan mengunggah gambar
- Masuk ke admin WordPress Anda dan pilih Plugin> Tambah Baru
- Cari dan instal plugin "Gambar Taksonomi". Pastikan untuk mengaktifkannya setelah menginstal!
- Buka Pengaturan> Gambar Taksonomi
- Centang kotak “Tag Produk” dan pilih “Simpan Perubahan”
Sekarang Anda akan melihat opsi untuk mengunggah gambar di samping setiap tag produk di bawah Produk> Tag. Kita sudah setengah jalan! Lanjutkan dan unggah gambar untuk setiap tag seperti biasanya Anda mengunggah gambar di WordPress — pastikan untuk memilih tombol “Associate with tag_name” setelah mengunggah (di mana tag_name adalah nama tag Anda yang sebenarnya). Perbarui tag Anda dan Anda hampir selesai!
Mengonfigurasi Template WooCommerce Anda
Sekarang kami perlu memberi tahu WooCommerce bahwa Anda ingin menampilkan gambar di halaman tag tunggal. Ini sedikit lebih rumit dan membutuhkan pengeditan beberapa kode. Anda juga memerlukan akses FTP ke instalasi WordPress Anda untuk menyesuaikan beberapa file template.
Mulailah dengan menyiapkan file template Anda:
- Masuk melalui FTP dan arahkan ke direktori tema WordPress Anda (wp-content/themes/{your_theme_name})
- Buat folder baru bernama woocommerce jika belum ada (folder ini berisi semua penggantian template)
- Salin template halaman tag ke folder ini. Template halaman tag ditemukan di bawah wp-content/plugins/woocommerce/templates/taxonomy-product_tag.php . Tapi tunggu! Ada trik di sini, sebenarnya hanya menarik semua konten dari wp-content/plugins/woocommerce/templates/archive-product.php , meskipun kami benar-benar ingin mengganti tag saja… tidak semua halaman produk. Untuk melakukannya, salin archive-product.php file dari wp-content/plugins/woocommerce/templates ke dalam wp-content/themes/{your_theme_name}/woocommerce lalu ganti namanya menjadi taxonomy-product_tag.php
Kami sekarang telah menyiapkan file template pengganti yang hanya akan mengganti tag produk namun berisi semua konten yang kami butuhkan. Kami sekarang perlu mengedit file template untuk memasukkan beberapa kode yang akan menampilkan gambar tag produk Anda. Begini caranya:
Buka file template baru Anda (wp-content/themes/{your_theme_name}/woocommerce/taxonomy-product_tag.php ) dengan editor teks favorit Anda.
Tepat di atas garis yang terlihat seperti ini:
<?php do_action( 'woocommerce_archive_description' ); ?>
Masukkan yang berikut ini:
<aside id="tag-brand-logo"><?php print apply_filters( 'taxonomy-images-queried-term-image', '' ); ?></aside>
Simpan file dan buka salah satu halaman tag produk tunggal Anda (pastikan itu adalah salah satu tempat Anda mengunggah gambar!) dan nikmati kemuliaan telah meretas WooCommerce untuk mendapatkan gambar Anda di tempat yang Anda inginkan.
Anda juga dapat mengatur gaya gambar Anda dengan beberapa CSS seperti ini (misalnya):
#tag-brand-logo{ float:right !important; margin-top:-25px; } Apakah menurut Anda postingan ini bermanfaat? Ingin saran ahli lainnya di blog host web Anda, dan langsung dari tim dukungan teknis hosting Anda? Host situs WordPress Anda dengan Websaver tempat dukungan lebih dari sekadar hosting!