Question

我正在使用此代码段在woocommerce网站的自定义wordpress模板上输出产品图库附件。我正在为弹出窗口使用灯箱。但我努力获得附件网址，而不是继续使用弹出的特色图像。

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

$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' );
$url = $thumb['0']; 


echo '<div>';
foreach( $attachment_ids as $attachment_id ) 
{
echo '<a href="' . $url . '" rel="shadowbox" >' ."<img src=".$image_link = wp_get_attachment_url( $attachment_id, 'large')." style='width:70px; height:70px;' >". '</a>';
 }
echo '</div>';
?>

有关如何定位产品库图片的正确网址路径的任何想法？任何帮助非常感谢！

Answer 1

我已将'thumbnail_size'更改为'large'添加了global $post;并更改了.wp_get_attachment_image_src( $attachment_id, 'large').。

$post需要全局解析才能访问它的内容，因为它在“循环”之外。

编辑2 我已经更新了下面的代码，因此它应该链接到点击的图片。已移除$thumb和$url，因为它未被使用。

<?php
global $product;
global $post;

$attachment_ids = $product->get_gallery_attachment_ids();

echo '<div>';

foreach( $attachment_ids as $attachment_id ) 
{
    echo '<a href="' .wp_get_attachment_image_src( $attachment_id, 'large'). '" rel="shadowbox" >' ."<img src=".wp_get_attachment_image_src( $attachment_id, 'large')." style='width:70px; height:70px;' >". '</a>';
}

echo '</div>';
?>

Answer 2

希望这会对你有所帮助

  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 image sizes
      echo $shop_thumbnail_image_url = wp_get_attachment_image_src( $attachment_id, 'shop_thumbnail' )[0];
      echo $shop_catalog_image_url = wp_get_attachment_image_src( $attachment_id, 'shop_catalog' )[0];
      echo $shop_single_image_url = wp_get_attachment_image_src( $attachment_id, 'shop_single' )[0];

      //echo Image instead of URL
      echo wp_get_attachment_image($attachment_id, 'full');
      echo wp_get_attachment_image($attachment_id, 'medium');
      echo wp_get_attachment_image($attachment_id, 'thumbnail');
      echo wp_get_attachment_image($attachment_id, 'shop_thumbnail');
      echo wp_get_attachment_image($attachment_id, 'shop_catalog');
      echo wp_get_attachment_image($attachment_id, 'shop_single');
    }

woocommerce中的产品图库附件网址

2 个答案: