Woocommerce购物车定制

Question

我正在创建Woocommerce网站，我想将“添加到购物车”按钮变成一个复选框。我不知道该怎么办，我已经搜索了但没有找到任何东西，在我看来没有任何免费的插件。如果有人有想法？ ：）

[这里是我模型的一部分：https://i.stack.imgur.com/LGoYC.jpg

PS：我是一名网页设计专业的学生，​​所以我知道html，css，php和jquery语言。

Answer 1

// Replacing add-to-cart button in shop pages and archives pages
function my_loop_add_to_cart_link( $html, $product ) {

    $html = '<input type="checkbox">';

    return $html;
}
add_filter( 'woocommerce_loop_add_to_cart_link', 'my_loop_add_to_cart_link', 10, 2 );

// Replacing add-to-cart button in single product pages
function my_single_product_summary() {
    // Remove

    // Simple products
    remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );

    // Other
    // remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );
    // remove_action( 'woocommerce_variable_add_to_cart', 'woocommerce_variable_add_to_cart', 30 );
    // remove_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
    // remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
    // remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );


    // Add

    // Simple products
    add_action( 'woocommerce_simple_add_to_cart', 'single_product_my_button', 30 );

    // Other
    // add_action( 'woocommerce_grouped_add_to_cart', 'single_product_my_button', 30 );
    // add_action( 'woocommerce_variable_add_to_cart', 'single_product_my_button', 30 );
    // add_action( 'woocommerce_external_add_to_cart', 'single_product_my_button', 30 );
    // add_action( 'woocommerce_single_product_summary', 'single_product_my_button', 30 );
    // add_action( 'woocommerce_single_variation', 'single_product_my_button', 20 );
}
add_action( 'woocommerce_single_product_summary', 'my_single_product_summary', 1 );

// Outputing a custom button in Single product pages
function single_product_my_button( ) {
    echo '<input type="checkbox">';
}