WooCommerce在结帐页面上显示产品图片

WooCommerce 结账页面的订单审查部分显示了产品名称、数量和费用,但没有产品图像,产品图像对于识别/区分相似产品或产品变体非常有用。

WooCommerce 结账页面的订单审查部分显示了产品名称、数量和费用,但没有产品图像,产品图像对于识别/区分相似产品或产品变体非常有用。

这个简单的代码段将帮助你在订单审查页面中展示产品的特色图片。

WooCommerce在结帐页面上显示产品图片

通过添加下面的PHP代码段,您可以在结帐页面中的产品名称快速显示产品特色图片

PHP代码段:添加产品特色图片到woocommerce的结帐页面的订单审核表中

请注意,下面的片段将生成一个尺寸为50*50像素的缩略图(请随意改变数组()内的尺寸),并将其向左对齐(移除包含class的array则可以避免左对齐)。

/**
* @snippet       Product Images @ Woo Checkout
*/

add_filter( 'woocommerce_cart_item_name', 'bbloomer_product_image_review_order_checkout', 9999, 3 );
function bbloomer_product_image_review_order_checkout( $name, $cart_item, $cart_item_key ) {
if ( ! is_checkout() ) return $name;
$product = $cart_item['data'];
$thumbnail = $product->get_image( array( '50', '50' ), array( 'class' => 'alignleft' ) );
return $thumbnail . $name;
}

 

原创文章,作者:howkunet,如若转载,请注明出处:https://www.intoep.com/wp/62685.html

(0)
打赏 微信赞赏 微信赞赏 支付宝赞赏 支付宝赞赏
上一篇 2023-12-18 16:22
下一篇 2023-12-22 13:35

相关推荐

  • woocommerce Checkout Field结账条件显示姓名及身份证号码字段

    woocommerce Checkout Field结账条件显示姓名及身份证号码字段,先看效果如下,这是海外电商平台,针对中国大陆,港澳台地区发货,由于发到中国大陆需要报关,需要姓名+身份证号码。用户要求发货地址为中国大陆就要填写姓名和身份证号码。

    2023-11-23
    1.2K0
  • Woocommerce订单邮件详情中显示产品图片

    在WordPress woocommerce系统中,默认情况下,客户下单后会收到一个订单确认邮件,如果细心的你,会发现邮件内容里面都是纯文本,产品图片也不会显示。为了进一步提升客户体验度,我们现在把产品图片显示在邮件内容里面

    2023-12-18
    1.6K0
  • WooCommerce 产品链接url改成id 数字形式

    在开发商城时,发现woocommerce产品的链接居然是:”域名/product/巴洛克小老鼠”这种形式。 这种形式当然不是鸿硕想要的,起码不能包含中文名称…

    2024-12-14
    1.4K0
  • 修改WooCommerce国家/地区显示语言文件

    今天才发现WooCommerce里面默认的中国地区行政区划分不完全准确,修改这个对于我们而言主要是为了显示更友好,减少不必要的麻烦。如果你的产品销售范围不仅仅是内地,那修改这个可能还有助于你成本计算(汇率/关税/快递费等)。

    2023-11-27 WordPress相关
    1.7K0
  • 给woocommerce增加-已经发货订单状态

    给woocommerce增加-已经发货订单状态,woocommerce的默认订单状态有这样一些:代付款、正在处理、保留、已完成、已取消、已退款、已取消、失败订单这几种状态。

    2023-02-17
    2.8K0
  • Woocommerce修改默认订单号:添加前缀和后缀 – 只需几行代码

    Woocommerce修改默认订单号:添加前缀和后缀 – 只需几行代码,在WordPress系统中,订单order其实就是一种自定义文章类型,所以默认情况下,woocommerce的订单号就是这个自定义文章的ID,在实际的运营过程中,我们可能会需要对这个默认的订单ID号进行自定义,以满足实际需要。

    2023-12-18
    1.5K0

发表回复

登录后才能评论
扫码了解
扫码了解
反馈建议
分享本页
返回顶部