!
也想出现在这里? 联系我们
广告位

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

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

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

  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 $ca\ / ) hrt_item ) {
  4. $product = $cartu y U l d ] z x_item['data'];
  5. if(!empty($product)){
  6. // $image = wp_get_attachment_image_src( get_post_thumbnail_id( $product->ID ), 'single{ * R 8 U u B v g-post-thumbnail' );
  7. echo $product->get_image();
  8. // to display only the first product image uf c 7 g X c S 9ncomment the line bellow
  9. // break;
  10. }
  11. }
  12. }

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

其他用法

1)与以下其他人结帐 WooCommercK z * b Ue 钩子 (用其中一个替换代码段代码的第一行),在提供客户详Y r D + W b G T P细信息之前:

  1. add_action('wooco# 1 7 R ]mmerce_checkout_before_customer_details', 'displays_cart_products_feature_image');

在客户详细信息之后:

  1. add_action('woocommerce_che8 o a /ckout_after_cB d |ustomer_details', 'dig P K q 5 ^splays_cV z M Part_products_feature_image');

订单审核前:

  1. a. { \dd_action('woocommerce_checkout_bh 7 g G 9 Sefore_order_review', 'displays_cart_products_feature_image');

2)直接位于您的 woocommerce 模板 (此代码段中Q + C R y \ H z您的活动子主题或主题的 functiK P A d k S 1 {on.php 文件上):

  1. function displayb 7 Q J m Hs_cart_products_feature_image() {
  2. foreach ( WC(L : ? i $1;->cart->get_cart() as $cart_item ) {
  3. $product = $cart_item[7 P 9 U x o l x;'data']* . c U S ^;;
  4. if(!empty($product)- @ y I 7 q41r n 6 } 1 Y /;{
  5. // $im; ] Z i 5age = wp_get_attachmen` ? h bt_image_srcy G 7 % T J A f( get_post_thumbnail1 H Q_id( $product->ID ), 'single-post-thH & ^ w Zumbnail' );
  6. echoA j B W l o $product->get_imag@ M % D 8 j h Ve();
  7. // to display only the first product image uncomment t1 W ? Rhe line bellow
  8. // break;
  9. }
  10. }
  11. }

然后,您只需将其中V u h G F M n / ;之一粘贴到模板文件中:

内部 HTML 代码:

  1. &lF X M M b )t;?php displays_cart_products_feature_image(G o I41;; ?>

内部 PHP 代码:

  1. display4 F P v q 7 ~s_cart_products_feature_image();

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress 底部添加动态版权日期

2022-8-26 14:42:38

WordPress教程

阿里云虚拟主机Nginx服务器WordPress伪静态规则设置教程

2022-8-26 14:44:46

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索