Question

我试图复制此网站的行为： http://pixers.es/fotomurales/hermosa-mujer-ejemplo-de-la-acuarela-59301559

如您所见，您可以选择图像的某个部分来购买它。如果您选择任意尺寸并单击add to cart，它会将选择内容传递到购物车。

我已设法让jCrop创建自定义选择（http://pixelbypixel.comli.com/jcrop/），但我不知道将此选择传递给add to cart按钮的最佳方法是什么（在woocommerce）并用选择替换购物车上的实际产品图像。

我找到了这个：https://support.woothemes.com/hc/communities/public/questions/201449733-Is-there-a-Woocommerce-before-or-after-add-to-cart-hook-I-can-use-for-my-custom-plugin-

所以我猜这将是开始的方式：

    add_action( 'wp_enqueue_scripts', 'custom_enqueue_js' );
    function custom_enqueue_js() {
        wp_enqueue_script( 'custom-js', get_template_directory_uri() . '/your-file-path/filename.js', array( 'jquery' ), '', true );
    }

    (function($) {
      $(document).off( 'click', '.add_to_cart_button' );
      $(document).on( 'click', '.add_to_cart_button', function() {
        //your code here
      });
    });

有什么想法可以做到这一点吗？

传递自定义图像添加到购物车

0 个答案: