WooCommerce產品側邊欄

所以我編輯的側邊欄部件「產品」，因此它包括在這張照片這裏顯示的標題/價格等下的所有產品圖片：http://puu.sh/k6oLe/7106e58f69.jpg WooCommerce產品側邊欄

但是，當我添加代碼，使之成爲可點擊鏈接它將刪除第一張圖片，並僅顯示第二張第三張和第四張圖片。如下所示：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)); ?>"

它去掉了第一張圖像。

來源

2015-09-10 TimandTed

你檢查，以確保它沒有被隱藏的CSS或JS？如果你檢查源代碼，是源代碼中顯示的第一個圖像？ – rnevius

嗯，當我檢查它時，圖像就在那裏：http://puu.sh/k6phY/634f995355.png 因此，帽衫是隱藏的，這是href包裹的那個。 – TimandTed

我似乎已經用@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>

來源

2015-09-10 13:27:33 TimandTed

WooCommerce產品側邊欄

回答

相關問題