2016-04-18 23 views
0

ホームページで私のウェブサイトのおすすめ商品領域を設定していますが、現時点では問題ありませんが、画像をクリック可能にしたい一度クリックすると、商品ページに移動することができます。また、woocommerce_template_loop_add_to_cartをカートに追加した後に製品ページに移動することもできます。Woocommerceの商品画像と[カートに追加]を商品ページにリンク

マイコード:

<div class="featured-products"> 
       <h1 class="featured-products">Featured Products</h1> 
       <?php 
       $meta_query = WC()->query->get_meta_query(); 
       $meta_query[] = array(
        'key' => '_featured', 
        'value' => 'yes' 
       ); 
       $args = array(
        'post_type' => 'product', 
        'stock'  => 1, 
        'showposts' => 4, 
        'orderby'  => 'date', 
        'order'  => 'DESC', 
        'meta_query' => $meta_query 
       ); 

       $loop = new WP_Query($args); 
       while ($loop->have_posts()) : $loop->the_post(); global $product; ?> 

        <li>  
         <?php 
          if (has_post_thumbnail($loop->post->ID)) 
           echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); 

          else 
           echo '<img src="' . woocommerce_placeholder_img_src() . ' />'; 
         ?> 
         <p><?php the_title(); ?></p> 

         <p><?php echo $product->get_price_html(); ?></p> 

         <?php 
          woocommerce_template_loop_add_to_cart($loop->post, $product); 
         ?>  
        </li> 
      <?php 
       endwhile; 
       wp_reset_query(); 
      ?> 

ありがとう!

+0

、この

echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); 

- それは、製品のページに移動します。あなたの場合、このように動作しませんか? – bugnumber9

+0

私はここにいます:https://www.sprinklesandco.co.uk/product-category/easter-decorations/画像をクリックすると商品ページに行きます。 – bugnumber9

+0

私は、最初のコメントで言及したホームページの特集記事について話していますが、ページを訪れた後に少し下にスクロールします。 –

答えて

0

変更あなたはWooCommerceでの製品画像をクリックするデフォルトでは、この

echo sprintf('<a href="%s">%s</a>', get_the_permalink($loop->post->ID), get_the_post_thumbnail($loop->post->ID, 'shop_catalog')); 
+0

これはうまくいった!ありがとう。私は、同様の回避策を 'カートに追加'ボタンをページにもリンクさせることを想像していますか?このコード行はここで私が話している - woocommerce_template_loop_add_to_cart($ loop-> post、$ product); –

+0

「今すぐ購入」をクリックすると、製品ページに移動したので、意味が分かりません。 – Reigel

+1

コードから問題を解決しました。ありがとうございます! –

関連する問題