暂无说说

改变woocommerce的推荐销售模块的位置

建站技术 dream 1个月前 (12-05) 36次浏览 未收录 0个评论 扫描二维码

woocommerce的推荐销售和交叉销售

在woocommerce的产品添加设置中,有一个“连锁产品”,可以关联两个位置的推荐产品,一个是推荐销售一个是交叉销售:

改变woocommerce的推荐销售模块的位置

他们在woocommerce默认是显示在产品描述的下方:

改变woocommerce的推荐销售模块的位置

这一点来说两个模块都放在产品描述的下方是一件不太友好的事情,如果产品描述较长,那么这两个模块全部被被阅读到的几率也不多,

那么我们希望“推荐销售”变成“推荐搭配”,类似于京东商城的推荐模式,让其中一个模块放到最上面去,这样,我们的推荐产品才会比较有意义,也能够让这两个模块一前一后能够最友好的给用户以推荐其他的商品。

修改woocommerce的推荐销售产品位置

我们需要修改的样式如下:

改变woocommerce的推荐销售模块的位置

在商品相册和购买区域下方,放一个小图展示的推荐搭配,这些商品由于我们可以自己在后台设置,那么我们可以将搭配推荐搭配好,给用户最好的选择。

修改方法

推荐销售在woocommerce中的模板是woocommercesingle-productup-sells.php

因此我们修改样式和结构直接在这个文件修改就可以了,而他输出的地方在content-single-product.php中的钩子 do_action( ‘woocommerce_single_product_summary’ );

如果我们想要修改他的位置,首先需要将他从do_action( ‘woocommerce_single_product_summary’ );去除掉

然后在去增加这个模块到文件中,即可让推荐输出自由放置在我们想要的位置。

 

从hook中去除掉推荐商品,将此代码放入你的主题function.php中:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );

然后创建一个函数,可以输出到任意位置:

function bbloomer_woocommerce_output_upsells() {
woocommerce_upsell_display( 10,10 );
}

 

现在function bbloomer_woocommerce_output_upsells函数即可将我们的推荐销售输出到任意的位置,因此我们打开content-single-product.php文件,在你想要的位置放入函数即可。

这样我们就可以将woocommerce内部的推荐商品调用到我们想要的位置了。

 


留恋科技, 版权所有,如未注明 , 均为原创,转载请注明原文链接:改变woocommerce的推荐销售模块的位置
喜欢 (0)

您必须 登录 才能发表评论!