チェックアウト時に商品を受け取るWooCommerceのページ

Question

私が作業しているサイトでwoocommerceを使用しています。チェックアウトページの上部に現在の製品サムネイルを表示したいので、彼が買おうとしているものを見てみましょう。

しかし、私はそうする方法を見つけることができません。

もっとも近いのはWC::cart->get_cart()ですが、これはすべての製品の一覧を出力します。

どうすればこの問題を解決できますか？

ありがとうございました

Answer 1

はい、カスタム関数の作成が可能です。

add_action('woocommerce_before_checkout_form', 'displays_cart_products_feature_image'); 
function displays_cart_products_feature_image() { 
    foreach (WC()->cart->get_cart() as $cart_item) { 
     $product = $cart_item['data']; 
     if(!empty($product)){ 
      // $image = wp_get_attachment_image_src(get_post_thumbnail_id($product->ID), 'single-post-thumbnail'); 
      echo $product->get_image(); 

      // to display only the first product image uncomment the line bellow 
      // break; 
     } 
    } 
} 

このコードスニペットは、あなたのアクティブな子テーマやテーマ

のfunction.phpファイルに行く：、ちょうどあなたのヘッダーのテーマの後にチェックアウトページの先頭にそれらの画像を表示するには、このコードを使用する

get_image()機能でいくつかのオプションを追加して、画像のプロパティを変更することができます。

このコードは、他のUSAGES

---

テストされ、完全に機能している - あなたはまた、それを使用することができます：

1）以下の他チェックアウト WooCommerce フックで（スニペットコードの最初の行をこれに置き換えます）：

の

•前に顧客の詳細：

add_action('woocommerce_checkout_before_customer_details', 'displays_cart_products_feature_image'); 

顧客の詳細の後•：

add_action('woocommerce_checkout_after_customer_details', 'displays_cart_products_feature_image'); 

•順レビュー前：

add_action('woocommerce_checkout_before_order_review', 'displays_cart_products_feature_image'); 

2）直接あなたwoocommerce templates（このスニペットコードの内部機能し続ける。あなたのアクティブな子テーマやテーマのPHPファイル）：<?php displays_cart_products_feature_image(); ?>

PHPコードの内部：HTMLコード内の

• ：

  function displays_cart_products_feature_image() { 
      foreach (WC()->cart->get_cart() as $cart_item) { 
       $product = $cart_item['data']; 
       if(!empty($product)){ 
        // $image = wp_get_attachment_image_src(get_post_thumbnail_id($product->ID), 'single-post-thumbnail'); 
        echo $product->get_image(); 
  
        // to display only the first product image uncomment the line bellow 
        // break; 
       } 
      } 
  } 
  

  は次に、あなただけのtemplate file内でこれの1を貼り付けます： displays_cart_products_feature_image();

参考文献：

• Class WC_Cart | WooCommerce 2.1.x Code Reference
• Class WC_Product | WooCommerce 3.x Code Reference
• Template Structure + Overriding Templates via a Theme