3 回答

TA貢獻1827條經驗 獲得超8個贊
只需通過將其覆蓋到您的主題中來更改以下模板 -
loop/loop-start.php
-> 刪除<ul>
標簽并將其替換為<div class="row products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
loop/loop-end.php
-> 刪除</ul>
標簽并將其替換為</div>
content-product.php
-> 1. 刪除<li <?php wc_product_class( '', $product ); ?>>
標簽并替換為<div class="col-md-4">
2. 刪除</li>
標簽并替換為</div>

TA貢獻1799條經驗 獲得超8個贊
您需要訪問 woocommerce/loop 文件夾
它里面有兩個 loop-strat 和 loop-end 文件
刪除ul,如果使用bootstrap輸入以下代碼
<div class="container">
<div class="row">
在循環結束文件中,您需要關閉 div
</div>
</div>
現在在內容產品文件中,您將創建您的循環,我將在此處留下我的文件示例之一。
<div class="col-md-3 col-sm-6" >
<div class="product-grid6">
<div class="product-image6">
<?php do_action('woocommerce_before_shop_loop_item_title');?>
</div>
<div class="product-content">
<h3 class="title"><?php do_action('woocommerce_shop_loop_item_title');?></h3>
<div class="price">
<span> <?php do_action('woocommerce_after_shop_loop_item_title');?>
</span>
</div>
</div>
<ul class="social">
<li><a href="" data-tip="Quick View"><i class="fa fa-search"></i></a></li>
<li><a href="" data-tip="Add to Wishlist"><i class="fa fa-shopping-bag"></i></a></li>
<li><a href="" data-tip="Add to Cart"><i class="fa fa-shopping-cart"></i></a></li>
</ul>
</div>
</div>

TA貢獻1998條經驗 獲得超6個贊
您必須更改名為的文件
content-product.php
你可以在這里得到這個
wp-content\plugins\woocommerce\templates
- 3 回答
- 0 關注
- 390 瀏覽
添加回答
舉報