WordPress教程

WooCommerce结帐页面上获取购物车产品ID产品图片等

阿里云

我正在工作的网站上使用 woocommerce,因此我想在结帐页面的顶部显示当前产品缩略图,以便用户查看要购买的产品。但是我找不到任何方法。我得到的最接近的结果是使用 WC::cart->get_cart() ,但这会输出所有产品的列表,我该如何实现?

是的,可以编写自定义函数,要在标题主题之后紧靠结帐页面的开头显示这些图像,请使用以下代码:

也想出现在这里?联系我们
创客主机
  1. add_action('woocommerce_before_checkout_form', 'displays_cart_products_feature_image');
  2. function displays_cart_products_feature_image() {
  3.     foreach ( WC()->cart->get_cart() as $cart_item ) {
  4.         $product = $cart_item['data'];
  5.         if(!empty($product)){
  6.             // $image = wp_get_attachment_image_src( get_post_thumbnail_id( $product->ID ), 'single-post-thumbnail' );
  7.             echo $product->get_image();
  8.  
  9.             // to display only the first product image uncomment the line bellow
  10.             // break;
  11.         }
  12.     }
  13. }

此代码段位于您的活动子主题或主题的 function.php 文件中,您可以在 get_image()函数。此代码已经过测试且功能齐全。

其他用法

1)与以下其他人结帐 WooCommerce 钩子 (用其中一个替换代码段代码的第一行),在提供客户详细信息之前:

  1. add_action('woocommerce_checkout_before_customer_details', 'displays_cart_products_feature_image');

在客户详细信息之后:

  1. add_action('woocommerce_checkout_after_customer_details', 'displays_cart_products_feature_image');

订单审核前:

  1. add_action('woocommerce_checkout_before_order_review', 'displays_cart_products_feature_image');

2)直接位于您的 woocommerce 模板 (此代码段中您的活动子主题或主题的 function.php 文件上):

  1. function displays_cart_products_feature_image() {
  2.     foreach ( WC()->cart->get_cart() as $cart_item ) {
  3.         $product = $cart_item['data'];
  4.         if(!empty($product)){
  5.             // $image = wp_get_attachment_image_src( get_post_thumbnail_id( $product->ID ), 'single-post-thumbnail' );
  6.             echo $product->get_image();
  7.  
  8.             // to display only the first product image uncomment the line bellow
  9.             // break;
  10.         }
  11.     }
  12. }

然后,您只需将其中之一粘贴到模板文件中:

内部 HTML 代码:

  1. <?php displays_cart_products_feature_image(); ?>

内部 PHP 代码:

  1. displays_cart_products_feature_image();

WooCommerce 结帐页面上获取购物车产品 ID 产品图片等

已有 360 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!