在WordPress / WooCommerce商店中更改按钮位置

Question

我正在建立一个网上商店并安装了一个新的插件，它已经移动了我的“添加到购物车”按钮。我正在使用最新版本的WordPress以及最新版本的WooCommerce来运行我的网站。

Here the page in question

所以PHP输出： `

<a href="http://www.ceehydrosystems.com/new/product/cee-echo/">
    <img width="300" height="300" src="http://www.ceehydrosystems.com/new/wp-content/uploads/2015/02/ceeecho-2-300x300.jpg" class="attachment-shop_catalog wp-post-image" alt="ceeecho-2">      
    <span class="price"><br></span>
</a>

<p class="product-enquiry-button-custom">
    <a href="http://www.ceehydrosystems.com/new/product/cee-echo/"></a>
    <a data-title="CEE ECHO™" data-id="2081" class="product-enquiry-click click-link-btn product-btn-2081" href="">Add to Quote</a>
</p>

<div class="bg-shop">
    <h4><a href="http://www.ceehydrosystems.com/new/product/cee-echo/">CEE ECHO™</a></h4>
    <div class="line_under"><div class="line_left"></div><div class="line_center"></div><div class="line_right"></div></div>
    <p>A compact dual frequency survey echo sounder – the perfect partner for your survey GPS</p>
    <div class="links"></div>
</div>

`

但我想知道是否有人知道要更改的文件输出HTML而不是使用CSS定位按钮。理想情况下，我想重新排列HTML输出的顺序。

Answer 1

您必须优先考虑商店循环项目挂钩中的按钮，不确定它是否可行，但请尝试以下功能。将此代码添加到主题的functions.php

中

function remove_loop_button(){
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
add_action('init','remove_loop_button');

function add_loop_button(){
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 100 );
}
add_action('init','add_loop_button');