WooCommerce 产品侧边栏

WooCommerce Product Sidebar

所以我编辑了侧边栏小部件 "Products",因此它包括 title/price 下的产品图片等,如图所示:http://puu.sh/k6oLe/7106e58f69.jpg

但是当我添加代码使其成为可点击的时 link 它会删除第一张图片并且只显示第二张、第三张和第四张图片。 如下所示: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 ) ); ?>"

它删除了第一张图片。

我现在似乎已经解决了问题,@mevius 让我大开眼界,仔细检查我的工作! 我在 href 的末尾添加了 title=:

<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>