htmlでwoocommerceプロダクトタイトルを呼び出す方法は？

Question

私は、特色画像をいくつかの平面色の背景に置き換え、その上に私はwoocommerceプロダクトタイトルを呼び出す必要があるので、その特色画像にwoocommerceプロダクトタイトルをオーバーライドしようとしています。どうすればこれを達成できますか？

if (has_post_thumbnail()) { 
 
\t \t \t $html = '<div data-thumb="' . get_the_post_thumbnail_url($post->ID, 'shop_thumbnail') . '" class="woocommerce-product-gallery__image"><a href="' . esc_url($full_size_image[0]) . '">'; 
 
\t \t \t $html .= get_the_post_thumbnail($post->ID, 'shop_single', $attributes); 
 
\t \t \t $html .= '</a></div>'; 
 
\t \t } else { 
 
\t \t \t $html = '<div class="woocommerce-product-gallery__image--placeholder">'; 
 
\t \t \t $html .= sprintf('<img src="%s" alt="%s" class="wp-post-image" />', esc_url(wc_placeholder_img_src()), esc_html__('Awaiting product image', 'woocommerce')); 
 
\t \t \t $html .= '<div class="centered">'; 
 
\t \t  $html .= how to call here!!! 
 
\t \t \t $html .= '</div>'; 
 
\t \t \t $html .= '</div>'; 
 
\t \t }

Answer 1

あなたは、このような製品から、製品のタイトルを取得する必要があります：

$product = wc_get_product($post->ID); 

$title = get_the_title($product->ID); 

だからあなたのコードは次のようになります。

if (has_post_thumbnail()) { 
      $html = '<div data-thumb="' . get_the_post_thumbnail_url($post->ID, 'shop_thumbnail') . '" class="woocommerce-product-gallery__image"><a href="' . esc_url($full_size_image[0]) . '">'; 
      $html .= get_the_post_thumbnail($post->ID, 'shop_single', $attributes); 
      $html .= '</a></div>'; 
} else { 
      $product = wc_get_product($post->ID); 

      $title = get_the_title($product->ID); 
      $html = '<div class="woocommerce-product-gallery__image--placeholder">'; 
      $html .= sprintf('<img src="%s" alt="%s" class="wp-post-image" />', esc_url(wc_placeholder_img_src()), esc_html__('Awaiting product image', 'woocommerce')); 
      $html .= '<div class="centered">'; 
      $html .= $title ; 
      $html .= '</div>'; 
      $html .= '</div>'; 
} 

編集：

あなたはループ内にいるので、私が使った機能を使って製品を入手する必要はありません。投稿が製品の場合は、global $ product変数を使用することができます。