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">&nbsp;2. 删除</li>标签并替换为</div>

Answer 2

您需要访问 woocommerce/loop 文件夹它里面有两个 loop-strat 和 loop-end 文件删除ul，如果使用bootstrap输入以下代码<div class="container">&nbsp; &nbsp; <div class="row">在循环结束文件中，您需要关闭 div</div></div>现在在内容产品文件中，您将创建您的循环，我将在此处留下我的文件示例之一。<div class="col-md-3 col-sm-6" >&nbsp; &nbsp; <div class="product-grid6">&nbsp; &nbsp; &nbsp; &nbsp; <div class="product-image6">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <?php do_action('woocommerce_before_shop_loop_item_title');?>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; <div class="product-content">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <h3 class="title"><?php do_action('woocommerce_shop_loop_item_title');?></h3>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="price">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <?php do_action('woocommerce_after_shop_loop_item_title');?></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; <ul class="social">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <li><a href="" data-tip="Quick View"><i class="fa fa-search"></i></a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <li><a href="" data-tip="Add to Wishlist"><i class="fa fa-shopping-bag"></i></a></li>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <li><a href="" data-tip="Add to Cart"><i class="fa fa-shopping-cart"></i></a></li>&nbsp; &nbsp; &nbsp; &nbsp; </ul>&nbsp; &nbsp; </div></div>

Answer 3

您必须更改名为的文件content-product.php你可以在这里得到这个wp-content\plugins\woocommerce\templates