Woocommerce 将使用哪个钩子将此代码包装到div中?
下面是“我的WooCommerce产品”页面上输出的代码片段,该页面以列形式显示产品列表。我想将下面的代码包装在一个文件中,但不知道使用哪个命名的钩子Woocommerce 将使用哪个钩子将此代码包装到div中?,woocommerce,hook-woocommerce,Woocommerce,Hook Woocommerce,下面是“我的WooCommerce产品”页面上输出的代码片段,该页面以列形式显示产品列表。我想将下面的代码包装在一个文件中,但不知道使用哪个命名的钩子 <li class="post-5908 product type-product status-publish has-post-thumbnail product_cat-lingerie post post-with-thumbnail post-with-thumbnail-large first instock product-t
<li class="post-5908 product type-product status-publish has-post-thumbnail product_cat-lingerie post post-with-thumbnail post-with-thumbnail-large first instock product-type-simple">
<a href="https://www.example.com/product/1260/" class="woocommerce-LoopProduct-link">
<div class="makebottom-wrap">
<img src="https://www.example.com/wp-content/uploads/2017/01/myproduct-300x200.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="My sample product" title="My sample product" srcset="https://www.example.com/wp-content/uploads/2017/01/myproduct-300x200.jpg 300w, https://www.example.com/wp-content/uploads/2017/01/myproduct-150x100.jpg 150w, https://www.example.com/wp-content/uploads/2017/01/myproduct-768x512.jpg 768w, https://www.example.com/wp-content/uploads/2017/01/myproduct-1024x683.jpg 1024w, https://www.example.com/wp-content/uploads/2017/01/myproduct-600x400.jpg 600w, https://www.example.com/wp-content/uploads/2017/01/myproduct-272x182.jpg 272w, https://www.example.com/wp-content/uploads/2017/01/myproduct.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px" width="300" height="200">
</div>
<h3>1260</h3>
</a>
</li>
为什么需要这样做?使用现有的列表表示法无法实现的目标是什么?如果您查看模板,它似乎没有钩子,因此最好的选择就是覆盖该模板。
<li <?php post_class( $classes ); ?>>
<?php
if (has_post_thumbnail( $post->ID )){
echo get_the_post_thumbnail($post->ID, 'shop_catalog');
}else{
echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="65px" height="115px" />';
}
?>
</li>