WooCommerce显示/获取产品缩略图

Question

我正在尝试在一个自定义主题中实现wooCommerce，我正在基于bootstrap框架构建该主题（因为我对事物的外观很挑剔），所以我正在尝试重新定位wooCommerce产品缩略图库图像。我知道wooCommerce中提供的各种函数和钩子，如wc-template-hooks.php中列出的函数和钩子，它们工作得非常好，但在我的特殊情况下除外。我使用“主内容之前的woocommerce\u”和主内容之后的woocommerce\u钩子将产品信息包装在我的引导框架中，就像这样。。。

...
<div class="row">
  <div class="col-md-1"> *where I want my gallery images to go* </div>
  <div class="col-md-7 *woocommerce-main"> where my woocommerce product is loaded* </div>
  <div class="col-md-4"> *some other product info is loaded here* </div>
</div>...

我遇到的是，在调用/加载product部分（这当然很有意义）之前，我似乎无法使用任何product挂钩或函数，但我需要能够将product gallery图像加载到第一列“col-md-1”。。。所以我的问题是。。。如何在所有内容加载完成之前获取产品库图像，或者如何在所有内容加载完成后追溯处理进入第一列的内容？

谢谢

编辑：在我的functions.php中完成WooCommerce钩子

<?php
remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );

add_action('woocommerce_before_main_content', 'underwire_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'underwire_wrapper_end', 10);

function underwire_wrapper_start() {
  echo '<div class="row">';
  if ( is_product() ) {
      echo '<div class="col-md-1">';
      echo woocommerce_get_product_thumbnail();
      //woocommerce_show_product_thumbnails();
    echo '</div>';
    echo '<div class="col-md-7 woocommerce-main">';
  } else {
    echo '<div class="col-sm-12 woocommerce-main">';
  }
}

function underwire_wrapper_end() {
  if ( is_product() ) {
    echo '</div> <!-- /.woocommerce-main --><div class="col-md-4">';
    woocommerce_output_product_data_tabs();
    //woocommerce_output_related_products();
    echo '</div></div>';
  } else {
    echo '</div> <!-- /.woocommerce-main --></div>';
  }
}
?>

Answer 1

2020年答案：这是一篇旧文章，但是对于任何阅读这篇文章的人来说，我相信你可以钩住产品页面的任何部分，然后在你的自定义钩子函数中，使用这样的东西来访问照片标识，使用$Products对象：

// priority number at the end can be whatever you want
add_action('action_you_want_to_hook_into', 'your_custom_function', 10);

function your_custom_function() {
    global $product;
    image_ids[] = $product->get_gallery_image_ids();
    // do something with image_ids[]
}

希望这能帮助任何在这里跌跌撞撞的人！

下面是一个有用的函数列表，你可以在$producs上调用它