Woocommerce 自定义商店页面布局

Question

你可以用 javascript 做到这一点。您应该在 tr 标签上放置“ondblclick”事件。<tr ondblclick="Update(rowno)" />而在 javascript 标签中，必须有一个类似的功能    <script type="text/javascript">        function Uptdate(row) {            window.location.href ="update.php?row="+row;        }    </script>哪个函数/过滤器/钩子或自定义模板可以做到这一点？请帮我

Answer 1

只需通过将其覆盖到您的主题中来更改以下模板 -

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>

Answer 2

您需要访问 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>

Answer 3

您必须更改名为的文件

content-product.php

你可以在这里得到这个

wp-content\plugins\woocommerce\templates