wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

woocommerce商城专区 woocommerce
您现在的位置:首页 > woocommerce商城专区 > 改变woocommerce的推荐销售模块的位置
WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

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

woocommerce的推荐销售和交叉销售

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

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

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

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

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

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

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

修改方法

推荐销售在woocommerce中的模板是woocommerce\single-product\up-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内部的推荐商品调用到我们想要的位置了。

 

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。