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();

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

热销模板

Nastik - 创意企业作品展示网站WordPress汉化模板

Envato

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

12

12.12 惠不可挡

每逢双12,难免心潮澎湃,亲们,准备好了吗?

①、原版主题安装冬日暖心价60元/次(原价120元/次) ---》详询客服

①、云主机买一年送一年,买两年送两年,高速、稳定、免备案 ---》云主机

③、双十二限时促销,在模板市场购买任意模板赠送VIP年度会员火热进行中 ---》云模板

咨 询 客 服