top of page

Dynamic Add-to-Cart Button for Custom E-commerce Stores

May 10, 2024
1 min read

Updated: Dec 30, 2024



Velo Code:


import { cart } from 'wix-stores';

export function addToCart_click(event) {
    let product = $w('#dynamicDataset').getCurrentItem();
    let idProduct = product.productReference;

    $w('#shoppingCartIcon1').addToCart(idProduct)
        .then(() => {
            console.log("Product Added");
            cart.showMiniCart();
        })
        .catch((error) => {
            console.log(error);
        });
}

Enjoy!

97 Comments


kevinharris0932
9 hours ago

Phần nút thêm vào giỏ động khiến tôi nhớ lần định mua một món nhỏ mà bấm mãi không thấy phản hồi, cuối cùng tôi thoát trang. Bài nói tới việc nút phải đổi theo trạng thái, nhưng tôi thấy phần thú vị hơn là cách giữ niềm tin của người mua trong lúc chờ máy xử lý. Người nhà tôi từng mua quà trên mạng, có lần thấy giá trên trang đổi liên tục nên thôi luôn. Tôi cũng từng mở tk88 cho vui lúc rảnh, xem giao diện nó hiện chữ gì khi bấm, rồi đóng lại vì chẳng có nhu cầu. Bài chưa giải thích rõ phần kiểm tra trên điện thoại, tôi nghĩ đó là chỗ dễ…

Like

cameron49179
13 hours ago

Nút thêm vào giỏ hàng kiểu động nghe hấp dẫn, nhưng đây là chuyện tôi vẫn phải suy nghĩ chứ chưa vội làm gì. Điểm tôi thấy đáng chú ý là bài không chỉ nói về hiệu ứng, mà giải thích vì sao chuyển động phải có lý do, phải báo cho người dùng biết mọi thứ vẫn ổn. Nghe quen quen vì trước tôi hay để ý cái hiệu ứng xoay xở trong game, và cũng hay để ý những chỗ mà nhà phát triển bị bỏ trốn. Ww88 là cái tên tôi nghe nói trong mấy cuộc trò chuyện kiểu đó, về thứ gì giống như giải trí chỉ để đổi khí. Bài viết viết rõ ràng, đọc không…

Like

Đọc phần về nút giỏ hàng động, mình thấy vấn đề thật ra nằm ở chỗ nó phải hiện đúng lúc người dùng cần. Bài không đi sâu về thiết kế nhưng đủ để mình hình dung vài tình huống hay gặp khi mua sắm trên mạng. Mình từng bỏ hàng giữa chừng vì nút đổi trạng thái không rõ ràng, thành ra đoạn này dễ đồng cảm. Tối qua mình ngồi chờ ai trả lời tin, tay thì vuốt vuốt mấy trang kể chuyện game, có đoạn nhắc tới sunwin mà mình không đọc hết. Mình chỉ giữ lại một ý nhỏ: mọi thay đổi trên giao diện đều nên giải thích được bằng hành động trước đó.

Like

Bài viết giải thích khá rõ cái nút thêm vào giỏ hàng tự động đổi trạng thái theo sản phẩm, mình thấy ý này hay vì trước giờ cứ nghĩ nút đó chỉ đứng yên một chỗ. Đoạn nói về việc giảm thao tác thừa làm mình nhớ lúc rảnh hay ngồi xem mấy thứ linh tinh về Game bài đổi thưởng, có lần bạn cùng phòng kể chuyện Tài xỉu khi đang chờ load trang. Quay lại bài thì mình hiểu hơn vì sao nút động lại giúp người mua đỡ phân vân, đỡ bấm nhầm và cảm giác mua sắm mượt hơn hẳn.

Like

cameron49179
a day ago

Bài viết này giải thích phần nút thêm vào giỏ hàng khá trực diện, mình đọc xong mới thấy chi tiết nhỏ cũng ảnh hưởng tới thao tác thường ngày. Mình vốn chẳng rành mã hay thiết kế giao diện, chủ yếu đọc cho biết. Trùng hợp là dạo này mình hay nhớ lại một cái tên Game bài đổi thưởng từng xuất hiện trong câu chuyện của người quen khi mọi người bàn chuyện giải trí trực tuyến, nghe qua rồi để đó, cũng chưa tự tìm hiểu thêm. Quay lại bài thì mình nghĩ phần ví dụ nên đi kèm ngữ cảnh thật cụ thể, như vậy người đọc dễ hình dung hơn là chỉ nói chung chung.

Like
bottom of page