woocommerce调用产品相册gallery图片如何操作?wordpress技巧

最新推荐文章于 2024-06-29 14:16:38 发布

weixin_30265103

最新推荐文章于 2024-06-29 14:16:38 发布

阅读量829

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/ytkah/p/11022654.html

版权

在WordPress中使用WooCommerce时，有时需要定制模板以调用产品相册图片。本文介绍了如何避免修改默认的Storefront主题，而是自定义代码来实现产品相册图片的调用。通过参考提供的链接和代码示例，可以实现图片的左右切换以及缩略图点击切换的功能。请注意，实际应用时需要自行添加相应的JS和CSS文件。

摘要由CSDN通过智能技术生成

　　wordpress官网有很多woocommerce模板，但有些客户要求定制模板，这时可能会碰到产品相册图片调用的问题，如果根据自带的Storefront主题来改很麻烦，那我们就自己定义吧！下来就随ytkah一起来看看woocommerce调用产品相册gallery图片吧！以下方法参考https://gist.github.com/Niloys7/17b88d36c1c38844a6cf2127c15dee63

<?php
  global $product;
 $attachment_ids = $product->get_gallery_attachment_ids();

foreach( $attachment_ids as $attachment_id ) 
{
  //Get URL of Gallery Images - default wordpress image sizes
  echo $Original_image_url = wp_get_attachment_url( $attachment_id );
  echo $full_url = wp_get_attachment_image_src( $attachment_id, 'full' )[0];
  echo $medium_url = wp_get_attachment_image_src( $attachment_id, 'medium' )[0];
  echo $thumbnail_url = wp_get_attachment_image_src( $attachment_id, 'thumbnail' )[0];
  
  //Get URL of Gallery Images - WooCommerce specific im