ĐĂNG TIN
logo
Online:
Visits:
Stories:
Profile image
Tác giả: fcwordpress
Trang tin cá nhân | Bài đã đăng
Lượt xem

Hiện tại:
1h trước:
24h trước:
Tổng số:
Cách tùy biến nút add to cart trong woocommerce
Friday, January 1, 2016 23:03
% of readers think this story is Fact. Add your two cents.


Trong quá trình custom woocommerce bạn muốn custom cách hiển thị các thông tin của sản phẩm mặc định, trong đó có nút add to cart
Hôm nay tôi sẽ chia sẽ với anh chị như thế nào để chúng ta có thể làm điều này

  • add class woocommerce vào body: điều này để khi người dùng click vào add to cart sẽ hiện lên icon quay tròn để chỉ lên việc sản phẩn đang được add vào
  • Code show nút add to cart: code này được dùng trong vòng lặp
%s', esc_url( $product->add_to_cart_url() ), $product->id, esc_attr( $product->product_type ), $product->single_add_to_cart_text() ); echo $add_to_cart_link; ?>
  • Thay đổi text add to cart
  • Trên trang detail:
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); // 2.1 + function woo_custom_cart_button_text() { return __( 'My Button Text', 'woocommerce' ); }
  • Trên template archive
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' ); function woo_archive_custom_cart_button_text() { return __( 'My Button Text', 'woocommerce' ); }

Tin nổi bật trong ngày
Tin mới nhất

Register

Newsletter

Email this story

If you really want to ban this commenter, please write down the reason:

If you really want to disable all recommended stories, click on OK button. After that, you will be redirect to your options page.