WooCommerce タグごとに画像が必要な状況に遭遇したことがありますか?幸運なことに、私たちもそうでした！多数の製品と多数のカテゴリがありましたが、ブランドを実際のカテゴリから分離したかったので、「ブランド」の親の下にサブカテゴリを使用するのではなく、タグを使用しました。何百もの製品の後、クライアントは各タグページに画像、特にブランドのロゴを表示したいと考えました.ええとああ！そのようなオプションはありません。
すべての製品を調べて、そのブランド タグを取得し、カテゴリを作成して「ブランド」の親カテゴリに割り当てることもできますが、それは多くの余分な作業のように思えます。サイトのフロントエンドのタグ クラウドにブランドが表示される方法が実際に気に入ったことを考えると、これは特に当てはまります。
解決策:タクソノミー画像プラグイン
タクソノミー画像プラグインは、カスタムタクソノミーと連携し、そのタクソノミーに画像を添付するための GUI オプションを割り当てます。この場合、分類法は製品タグです。これを実装するには、プラグインのインストール/構成、画像のアップロード、および WooCommerce タグ テンプレートの設定という 2 つの手順が必要です。
プラグインの設定と画像のアップロード
<オール>[商品]> [タグ] の下にあるすべての商品タグの横に、画像をアップロードするオプションが表示されます。もう道半ばです！ WordPress で通常画像をアップロードするのと同じように、タグごとに画像をアップロードします。アップロード後、必ず [タグ名に関連付ける] ボタンを選択してください (タグ名は実際のタグ名です)。タグを更新すれば、準備完了です!
WooCommerce テンプレートの構成
ここで、単一タグのページに画像を表示したいことを WooCommerce に通知する必要があります。これはもう少し複雑で、いくつかのコードを編集する必要があります。一部のテンプレート ファイルを調整するには、WordPress インストールへの FTP アクセスも必要です。
テンプレート ファイルの設定から始めます。
<オール>これで、必要なすべてのコンテンツを含む製品タグのみをオーバーライドするオーバーライド テンプレート ファイルをセットアップしました。テンプレート ファイルを編集して、商品タグの画像を表示するコードを挿入する必要があります。方法は次のとおりです。
新しいテンプレート ファイルを開きます (wp-content/themes/{your_theme_name}/woocommerce/taxonomy-product_tag.php) ) お気に入りのテキスト エディタで。
次のような行のすぐ上:
<?php do_action( 'woocommerce_archive_description' ); ?>
以下を挿入してください:
<aside id="tag-brand-logo"><?php print apply_filters( 'taxonomy-images-queried-term-image', '' ); ?></aside>
ファイルを保存して、単一の製品タグ ページの 1 つに移動し (実際に画像をアップロードしたページであることを確認してください)、WooCommerce をハッキングして、必要な場所に画像を取得したことの栄光に浸りましょう。
次のような CSS で画像のスタイルを設定することもできます (例):
#tag-brand-logo{ float:right !important; margin-top:-25px; } この投稿は役に立ちましたか?ウェブホストのブログで、ホスティング技術サポートチームから直接、より専門的なアドバイスが必要ですか?サポートが単なるホスティングにとどまらない Websavers を使用して、WordPress ウェブサイトをホストしてください!