编辑 WooCommerce 商店页面，缩略图前的标题答案

【问题标题】：Edit WooCommerce Shop page, Title before thumbnail编辑 WooCommerce 商店页面，缩略图前的标题
【发布时间】：2013-10-20 12:10:41
【问题描述】：

我已经吃不消了，需要一些关于 WooCommerce 的帮助。

我正在尝试编辑商店首页（我已经成功地完成了产品单页），但在任何地方都找不到挂钩的输出。

基本上，我要做的就是让产品的标题出现在缩略图之前，并在缩略图之后添加一个“查看”按钮。

我真的是在拔头发，所以如果有人能帮助我，我将非常感激！

【问题讨论】：

您是否将插件模板复制到您的主题中并进行了调整？如果没有，文档中对此进行了很好的解释。最好阅读文档而不是拔头发；）
是的，完成了所有这些，阅读所有文档。这些文档充其量是简短的！

标签： php wordpress woocommerce

【解决方案1】：

你应该在 plugin/woocommerce/woocommerce-hook.php 中看到

表格第 100 - 107 行

/** * 前单品汇总区 * * @see woocommerce_show_product_images() * @see woocommerce_show_product_thumbnails() */ add_action（'woocommerce_before_single_product_summary'，'woocommerce_show_product_images'，20）； add_action('woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20);

/**

表格第 120 - 132 行

/**
 * Product Summary Box
 *
 * @see woocommerce_template_single_title()
 * @see woocommerce_template_single_price()
 * @see woocommerce_template_single_excerpt()
 * @see woocommerce_template_single_meta()
 * @see woocommerce_template_single_sharing()
 */
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
//add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

/**

add_action 的更改顺序改变第二个参数的值

祝你好运！

【讨论】：

【解决方案2】：

在function.php下面添加

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 90 );

添加上面的代码会复制你的缩略图，然后添加下面的 CSS 就可以了。

.product-images { display: none; }

【讨论】：