亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Woocommerce 自定義商店頁面布局

Woocommerce 自定義商店頁面布局

PHP
慕少森 2021-11-26 15:36:42
你可以用 javascript 做到這一點。您應該在 tr 標簽上放置“ondblclick”事件。<tr ondblclick="Update(rowno)" />而在 javascript 標簽中,必須有一個類似的功能    <script type="text/javascript">        function Uptdate(row) {            window.location.href ="update.php?row="+row;        }    </script>哪個函數/過濾器/鉤子或自定義模板可以做到這一點?請幫我
查看完整描述

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>


查看完整回答
反對 回復 2021-11-26
?
守著星空守著你

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>


查看完整回答
反對 回復 2021-11-26
?
米琪卡哇伊

TA貢獻1998條經驗 獲得超6個贊

您必須更改名為的文件

content-product.php

你可以在這里得到這個

wp-content\plugins\woocommerce\templates


查看完整回答
反對 回復 2021-11-26
  • 3 回答
  • 0 關注
  • 390 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號