插入div在woocommerce店三號產品

我使用3列格在woocommerce店插入div在woocommerce店三號產品

[] [] [] 
[] [] [] 
[] [] []

後，我怎樣才能插入div第三格後

像這樣的事情

[][][inserted div] 
[][][] 
[][][]

所以我可以放任何東西，謝謝。

來源

2017-08-08 Francis Alvin Tan

你只是想添加類或插入新的div？ – Jalpa

請在你的問題中加入你的代碼，你已經嘗試過了。 – Jalpa

檢查我給出的答案 – Narayan

所有的循環腳本加載的產品剛啓動任何$variable= 0和之後的每一件產品加載$variable incremented by 1和檢查$variable %3 == 0如果成功添加DIV

例如

$variable = 0; 

{ //product loop start 

//product load 

$variable ++; // variable increment 
if($variable%3 == 0){ 
// Add Div here 
} 
} //product loop end

來源

2017-08-08 07:08:52 Narayan

嗨，即時通訊抱歉，但我在哪裏把這段代碼？這不是很好:-( –

）在產品列表模板文件中，列表頁面即將到來 – Narayan

我應該把代碼放在content-product.php中 –

您可以通過使用jQuery也能達到這一點，

嘗試CSS選擇器：第n個孩子（）：

$("#holder > div:nth-child(2)").after("<div>add div</div>");

來源

2017-08-08 10:56:50 GNANA

可以之前把這個您的文章循環內循環結束。它會在第二篇文章後輸出你想要的div（廣告）。只要確保您將任何必要的CSS類添加到div中，當然還有您的廣告代碼或圖像。

<?php if ($wp_query->current_post == 1) { ?> 

    <div>Put Ad Here</div> 

<?php } ?>

因此，它應該是這個樣子你的帖子循環中：

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

     <?php get_template_part('template-parts/content'); ?> 

     <?php if ($wp_query->current_post == 1) { ?> 
      <div>Put Ad Here</div> 
     <?php } ?> 

<?php endwhile; endif; ?>

這是通過使用WP_Query類的$current_post財產。它會在循環中檢索當前帖子的索引。

希望這會有所幫助！

來源

2017-08-09 01:19:59

雖然這會起作用，但它並不是最好的解決方案，因爲它需要直接修改模板中的循環代碼，在Woocommerce的情況下，循環代碼，可以使用，所以你不必修改模板代碼，每次插件/修改都需要重新打補丁，主題已更新。最好將代碼放在functions.php中。 – user8262086

插入div在woocommerce店三號產品

回答

相關問題