如何在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>'; 
} 

一個編輯：

由於您處於循環內部，因此無需使用我使用的功能獲取產品。如果帖子是產品，您可以使用全球$ product變量。