WooCommerce提供了许多添加到 产品单页面的有用钩子函数,以方便开发者进一步自定义,你可以使用这些钩子函数将任何需要的功能,添加到 WooCommerce 产品页面。
下面是产品页面上可用的所有 WooCommerce 钩子函数的示意图,所以你可以很轻松查看每个钩子函数显示的位置。
这个简单的示意图显示在WooCommerce可变产品上,但它对于所有产品类型都是相似的。
可以查看下面的示例,了解如何在你自己的网站上使用代码并向您的 WooCommerce 产品页面添加额外的元素或功能。
有人反应自 WC 3.0 以来这个钩子在新的 WooCommerce 相册之后不起作用
这是产品详细描述。
这是产品详细描述。这是产品详细描述。这是产品详细描述。这是产品详细描述。这是产品详细描述。这是产品详细描述。这是产品详细描述。
这是产品详细描述。这是产品详细描述。这是产品详细描述。
woocommerce_before_single_productwoocommerce_before_single_product_summarywoocommerce_product_thumbnailswoocommerce_single_product_summarywoocommerce_before_add_to_cart_formwoocommerce_before_variations_formwoocommerce_before_add_to_cart_buttonwoocommerce_before_single_variationwoocommerce_single_variationwoocommerce_after_single_variationwoocommerce_after_add_to_cart_buttonwoocommerce_after_variations_formwoocommerce_after_add_to_cart_formwoocommerce_product_meta_startwoocommerce_product_meta_endwoocommerce_sharewoocommerce_after_single_product_summarywoocommerce_after_single_product
要使用这些挂钩,您需要了解一点 php 代码…您可以通过创建子主题将以下函数添加到您的网站,然后将此代码添加到子主题的functions.php文件中
/* * 我的自定义函数*/ function my_custom_function ( array $params ) { // 这里有一些代码} add_filter( ' woocommerce_before_single_product ' , ' my_custom_function ', 20 );
上面提到的所有挂钩都可以在 WooCommerce 单一产品页面上找到,它们在显示位置上都是不言自明的,但如果不能 100% 确定它们在产品上的具体钩函数位置,请给我们留言