WooCommerce产品侧边栏

Question

所以我编辑的侧边栏部件“产品”，因此它包括在这张照片这里显示的标题/价格等下的所有产品图片：http://puu.sh/k6oLe/7106e58f69.jpg

但是，当我添加代码，使之成为可点击链接它将删除第一张图片，并仅显示第二张第三张和第四张图片。 如下所示：http://puu.sh/k6oHD/3455e7674c.jpg

下面的代码：

<?php global $product; ?> 
<li> 
    <a href="<?php echo esc_url(get_permalink($product->id)); ?>" title="<?php echo esc_attr($product->get_title()); ?>"> 
     <?php echo $product->get_image(); ?> 
     <span class="product-title"><?php echo $product->get_title(); ?></span> 
    </a> 
    <a href="<?php if (! empty($show_rating)) echo $product->get_rating_html(); ?> 
    <?php echo $product->get_price_html(); ?> 
    </a> 
    <a><br> 
    </a> 
    <a href="<?php echo esc_url(get_permalink($product->id)); ?>" 
    <?php global $product; 
    $attachment_ids = $product->get_gallery_attachment_ids(); 
    foreach($attachment_ids as $attachment_id) 
    { 
    echo $image_link = wp_get_attachment_image($attachment_id); 
    } 
    ?> 
</li> 

每当我加入这一行：

<a href="<?php echo esc_url(get_permalink($product->id)); ?>" 

它去掉了第一张图像。

Answer 1

我似乎已经用@mevius大开眼界来对问题进行排序来仔细检查我的工作！ 我添加标题=应放在href的末尾：

<a href="<?php echo esc_url(get_permalink($product->id)); ?>" title="Variations"> 
<?php global $product; 
$attachment_ids = $product->get_gallery_attachment_ids(); 
foreach($attachment_ids as $attachment_id) 
{ 
echo $image_link = wp_get_attachment_image($attachment_id); 
} 
?> 
</a>