Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Giỏ hàng là thành phần quan trọng nhất của trang web Thương mại điện tử. Nó lưu trữ tất cả các thông tin cơ bản liên quan đến sản phẩm mà khách hàng đã thêm vào danh sách mua của họ. Một giỏ hàng lý tưởng đi kèm với tất cả các tính năng cơ bản bao gồm thêm, xóa sản phẩm, tính giá và lưu trữ cục bộ thông tin giỏ hàng cho người dùng không đăng nhập. Bộ sưu tập các dự án giỏ hàng JavaScript được chọn thủ công này giúp bạn nhanh chóng tìm ra chức năng “thêm vào giỏ hàng” giao diện người dùng tốt nhất cho trang web của bạn

Cho dù bạn đang làm việc trên một mẫu trang web mua sắm, tạo chức năng thêm vào giỏ hàng đơn giản hay tạo một cửa hàng trực tuyến đơn giản, những dự án này có thể giúp bạn tiết kiệm thời gian và công sức. Về cơ bản, các dự án này chỉ bao gồm các chức năng “thêm vào giỏ hàng” ở giao diện người dùng để tạo một trang web mua sắm tương tác. Do đó, bạn có thể chức năng hóa phần phụ trợ cho các mẫu này để tạo một trang web Thương mại điện tử hoạt động hoàn chỉnh

1. Mẫu giỏ hàng một trang

Nếu bạn đang tìm kiếm tương tác “thêm vào giỏ hàng” trên một trang với thiết kế hiện đại, thì dự án mua sắm JavaScript sau đây hoàn toàn phù hợp với nhu cầu của bạn. Nó đi kèm với một thẻ sản phẩm đa chức năng. Người dùng có thể dễ dàng xem, điều hướng các mẫu sản phẩm và bộ sưu tập hình ảnh bên trong thẻ

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã

  1. Thêm sản phẩm vào giỏ hàng và tính tổng giá
  2. Bố cục trang web cơ bản bao gồm thanh điều hướng, thanh bên và khu vực tiện ích
  3. Lật thẻ sản phẩm và hiển thị số liệu thống kê khi di chuột qua
  4. Băng chuyền thư viện hình ảnh bên trong thẻ sản phẩm
  5. Tải hình ảnh tiếp theo/trước đó

Nhà thiết kế. Virgil Pana

Tải xuống bản trình diễn (10 KB)

2. Giỏ hàng HTML CSS & JavaScript

Dự án mua sắm sau đây cung cấp chức năng “thêm vào giỏ hàng” được đơn giản hóa. Nó sử dụng JavaScript và WebStorage API/Cookies để ghi nhớ dữ liệu giỏ hàng được chuyển đổi sang định dạng JSON. Nói chung, nó cung cấp một giải pháp trang giỏ hàng hoàn chỉnh để tính giá của các mặt hàng đã thêm ở giao diện người dùng và dữ liệu đã thu thập có thể được chuyển đến máy chủ cùng với quy trình thanh toán

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Nhận tổng giá giỏ hàng và thông tin sản phẩm từ phiên khi tải
  2. Tạo đối tượng sản phẩm và chuyển đổi dữ liệu sản phẩm thành JSON để lưu trữ
  3. Gửi dữ liệu sản phẩm đến bộ nhớ phiên
  4. Nối thêm đối tượng JSON của sản phẩm vào mảng giỏ hàng
  5. Tạo mục lưu trữ phiên
  6. Lấy dữ liệu giỏ hàng hiện có từ bộ lưu trữ và chuyển đổi lại thành một mảng
  7. Ghi đè dữ liệu giỏ hàng trong bộ nhớ phiên
  8. Chuyển đổi từng sản phẩm JSON trong mảng trở lại đối tượng
  9. Nhận giá trị thuộc tính của giá, tính toán và hiển thị tổng giá
  10. Chèn và cập nhật các mặt hàng trong giỏ hàng trên HTML của trang web
  11. Gửi phản hồi cho người dùng khi thêm thành công
  12. Cho phép người dùng xóa các đối tượng lưu trữ phiên giỏ hàng và làm mới tổng số giỏ hàng

Tác giả. hoa nhài nhỏ

Tải xuống bản trình diễn (7 KB)

3. Giỏ hàng JavaScript có bộ nhớ cục bộ

Dự án giỏ hàng sau sử dụng bộ nhớ cục bộ để lưu thông tin giỏ hàng. Nó dựa trên một ý tưởng đơn giản, để giảm thiểu các yêu cầu đến máy chủ và chỉ gửi giỏ hàng cuối cùng đến máy chủ để đánh giá và thanh toán. Về cơ bản, nó sử dụng JS nền tảng cho giao diện trực quan trong khi chức năng giỏ hàng đã được viết bằng Vanilla JavaScript. Dù sao đi nữa, bạn có thể tích hợp dự án giỏ hàng này với bố cục hiện tại của mình mà không cần sử dụng bất kỳ phụ thuộc nào khác

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Nhận tên sản phẩm, giá cả và số lượng
  2. Lưu trữ thông tin sản phẩm trong bộ nhớ cục bộ
  3. Hiển thị các mặt hàng có số lượng bên trong giỏ hàng
  4. Kiểm tra bộ nhớ cục bộ khi tải trang và cập nhật giỏ hàng
  5. Đếm tổng giá và hiển thị ở dưới cùng của giỏ hàng

Tác giả. Mihovil Ilakovac

Tải xuống bản trình diễn (64 KB)

4. Thêm vào giỏ hàng bằng HTML CSS JavaScript

Dự án “thêm vào giỏ hàng” này đi kèm với bố cục lưới sản phẩm và chức năng lọc danh mục. Người dùng có thể dễ dàng thêm sản phẩm vào giỏ hàng. Nó sử dụng Bootstrap 3 CSS cho bố cục đáp ứng và jQuery. Nói chung, bạn có thể tích hợp đoạn mã giỏ hàng này vào các dự án Bootstrap của mình. Nó có thể được tùy chỉnh cao với CSS bổ sung theo nhu cầu của bạn

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Chức năng hiển thị lọc với danh sách thả xuống
  2. Hiển thị thông báo thêm vào giỏ hàng
  3. Hiển thị giỏ hàng với hoạt ảnh trượt xuống
  4. Chức năng thao tác đầu vào anh chị em của loại "số" từ một sự kiện được kích hoạt
  5. Điều chỉnh giá trị đầu vào số, kích hoạt onChange
  6. Chạy sự kiện onchange để giữ các số giữa các giá trị tối đa/tối thiểu
  7. Tìm các điều khiển số và đính kèm các sự kiện nhấp chuột
  8. Đính kèm trình nghe xác nhận

Tác giả. Filip Danisko

Tải xuống bản trình diễn (8 KB)

5. Giỏ hàng Javascript đơn giản

Dự án giỏ hàng sau đây có thiết kế gọn gàng tối thiểu với nút giỏ hàng nổi. Nó cho phép người dùng thêm sản phẩm vào giỏ hàng và lưu trữ thông tin sản phẩm trong bộ nhớ cục bộ. Ngoài việc cho phép người dùng thêm/xóa sản phẩm, nó còn cung cấp mẫu biểu mẫu đăng ký bật lên theo phương thức cho quy trình thanh toán

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Cung cấp một cách đơn giản để thêm sản phẩm vào giỏ hàng
  2. Hiển thị nút giỏ hàng nổi để xem, xóa và kiểm tra giỏ hàng
  3. Cung cấp mẫu biểu mẫu đăng ký bật lên cho quy trình thanh toán

Tác giả. djoba

Tải xuống bản trình diễn (25 KB)

6. Giỏ hàng trực tuyến Javascript

Nếu bạn đang tìm kiếm một dự án mua sắm sẵn sàng sử dụng cho cửa hàng trực tuyến của mình, thì dự án mua sắm JavaScript sau đây sẽ giúp bạn tiết kiệm thời gian và công sức. Dự án giỏ hàng này hoàn toàn được xây dựng bằng HTML, CSS và JavaScript mà không có bất kỳ sự phụ thuộc nào

Nó đi kèm với bố cục trang web cơ bản bao gồm thanh điều hướng, bố cục lưới sản phẩm và chân trang. Người dùng có thể thêm sản phẩm vào giỏ hàng và xem các sản phẩm đã thêm bằng cách nhấp vào biểu tượng giỏ hàng nằm trên thanh điều hướng. Tương tự, các sản phẩm đã thêm có thể được gỡ bỏ từng cái một hoặc xóa giỏ hàng cùng một lúc. Hơn nữa, nó hỗ trợ các chức năng lưu trữ cục bộ và gọi lại để thúc đẩy quá trình phát triển

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã

  1. Chuyển đổi chế độ hiển thị giỏ hàng
  2. Nhận nội dung từ bộ nhớ cục bộ, nếu không có gì ở đó, hãy tạo một mảng trống
  3. Lưu nội dung bên trong bộ nhớ cục bộ
  4. Tính tổng giá trong giỏ hàng
  5. Trích xuất số giá từ các mặt hàng trong giỏ hàng để tính tổng
  6. Truy xuất phần tử td trong giỏ hàng nơi lưu trữ giá sản phẩm cho từng sản phẩm trong giỏ hàng
  7. Lặp lại từng nút td và trích xuất giá
  8. Hiển thị tất cả các sản phẩm và tổng chi phí trong giỏ hàng
  9. Lưu các sản phẩm đã chọn vào bộ nhớ cục bộ và hiển thị chúng trong giỏ hàng cùng nhau
  10. Để tránh người dùng thêm cùng một khóa học hai lần, hãy kiểm tra xem sản phẩm chưa có trong LS trước khi thêm nó
  11. Xóa tất cả các sản phẩm khỏi giỏ hàng (và bộ nhớ cục bộ)
  12. Thủ tục thanh toán. chỉ xóa giỏ hàng sau khi người dùng xác nhận quy trình thanh toán

Tác giả. Xenia

Tải xuống bản trình diễn (247 KB)

7. Mã nguồn giỏ hàng Javascript

Mã nguồn giỏ hàng JavaScript sau đây giúp bạn tạo chức năng trang giỏ hàng đơn giản. Nó cho phép người dùng thêm sản phẩm và cập nhật số lượng bằng các nút cộng/trừ. Tương tự, người dùng có thể xóa sản phẩm khỏi giỏ hàng hoặc xóa giỏ hàng ngay lập tức. Nó hoàn toàn được xây dựng bằng HTML, CSS và JavaScript. Vì vậy, bạn có thể tùy chỉnh từng phần của dự án này theo nhu cầu của mình

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Cho phép người dùng thêm/xóa sản phẩm
  2. Cho phép người dùng tăng/giảm số lượng sản phẩm
  3. Cập nhật số lượng sản phẩm và tính tổng hóa đơn
  4. Chức năng xóa giỏ hàng cùng một lúc

Tác giả. Manish Gupta

Tải xuống bản demo (18 KB)

 

8. Giỏ hàng Javascript Ajax

Đôi khi, chúng tôi cần cập nhật dữ liệu giỏ hàng đồng thời trên cả frontend và backend. Trong trường hợp này, chúng tôi cần một yêu cầu AJAX để cập nhật dữ liệu. Vì vậy, dự án mua sắm JavaScript sau đây đi kèm với chức năng giỏ hàng AJAX. Về cơ bản, nó cung cấp một mảng hỗ trợ AJAX để lưu trữ/cập nhật thông tin giỏ hàng. Bạn có thể tích hợp đoạn mã này vào dự án của mình để tính thuế, phí vận chuyển, tổng phụ và tổng số tiền

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Cung cấp một mảng hỗ trợ AJAX để lưu trữ dữ liệu sản phẩm/giỏ hàng
  2. Đếm số lượng sản phẩm
  3. Tính thuế, phí vận chuyển, tổng phụ và tổng số tiền
  4. Cho phép người dùng xóa sản phẩm khỏi giỏ hàng

Tác giả. 若邪

Tải xuống bản trình diễn (6 KB)

 

9. JavaScript Kéo và Thả Giỏ hàng

Giỏ hàng kéo và thả cung cấp trải nghiệm thực tế khi thêm sản phẩm vào giỏ hàng. Giỏ hàng sau đây được tạo bằng phương pháp kéo và thả để thêm sản phẩm bằng cách kéo chúng vào giỏ hàng. Nói chung, nó đi kèm với kiểu dáng rất cơ bản cho xe đẩy hàng nhưng bạn có thể tạo kiểu dáng khác để tạo ra một chiếc xe đẩy hàng, xe đẩy hoặc giỏ thực tế. Do đó, nó sẽ tạo ra trải nghiệm thú vị cho người dùng khi kéo sản phẩm vào xe đẩy mua sắm

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Mảng tất cả các mặt hàng mua sắm sử dụng getElementsByClassName
  2. Khu vực cụ thể để bỏ các mặt hàng vào (giỏ hàng)
  3. Khu vực hiển thị danh sách giỏ hàng sau khi bị bỏ
  4. Tạo một eventListener cho từng mục sẽ lấy dữ liệu của mục cụ thể
  5. Lấy thông tin (trong trường hợp này là nhiều giá trị)
  6. Chỉ định loại dữ liệuTransfer để sao chép
  7. Nối dữ liệu vào dataTransfer
  8. Kéo tất cả dữ liệu bạn cần sang định dạng JSON từ mục hiện tại
  9. Chỉ định dataTransfer và loại dữ liệu được sao chép
  10. Tạo một eventListener trên e drop Zone (đây là quá trình di chuyển dữ liệu sang một khu vực khác)
  11. Tạo một eventListener khi vật phẩm bị loại bỏ
  12. Ngăn chặn các giai đoạn chụp/sủi bọt (không nên nhầm lẫn với preventDefault)
  13. Truy xuất tất cả dữ liệu từ JSON thành các biến riêng của chúng
  14. Chức năng thêm hàng vào màn hình giỏ hàng
  15. Nối dữ liệu đã xóa vào giỏ hàng
  16. Bắt đầu kéo và thả khi TẤT CẢ nội dung được tải

Tác giả. người chăn bò

Tải xuống bản trình diễn (35 KB)

10. JavaScript Vanilla Giỏ hàng

Nếu bạn cần một giỏ mua hàng không phụ thuộc, thì dự án JavaScript Vanilla sau đây có thể hữu ích cho bạn. Nó đi kèm với một bố cục trang đơn giản, trong đó các sản phẩm được sắp xếp cạnh nhau. Nút thêm vào giỏ hàng xuất hiện khi di chuột qua sản phẩm. Người dùng có thể thêm sản phẩm vào giỏ hàng và xem các sản phẩm đã thu thập bằng cách nhấn vào nút giỏ hàng. Nút giỏ hàng sẽ kích hoạt menu điều hướng bên chứa sản phẩm. Hơn nữa, người dùng có thể tăng/giảm số lượng sản phẩm và xóa sản phẩm khỏi menu đó

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Thêm sản phẩm vào giỏ hàng
  2. Tạo điều hướng bên cho các sản phẩm được thêm vào
  3. Cho phép người dùng xóa sản phẩm khỏi giỏ hàng
  4. Cho phép người dùng cập nhật số lượng từng sản phẩm thông qua nhập số
  5. Đếm và hiển thị tổng giá
  6. Cung cấp trình lắng nghe sự kiện cho nút mua hàng

Tác giả. ElieB77

Tải xuống bản trình diễn (241 KB)

11. Cập nhật số lượng trong giỏ hàng Javascript

Dự án giỏ hàng JavaScript sau đây rất hữu ích để cập nhật số lượng sản phẩm và tổng hóa đơn trên trang giỏ hàng. Về cơ bản, nó cung cấp các nút cộng/trừ để cập nhật số lượng và hiển thị tổng giá theo mặt hàng. Hơn nữa, người dùng có thể xóa sản phẩm khỏi danh sách giỏ hàng và thực hiện quy trình thanh toán

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Cho phép người dùng xóa sản phẩm khỏi giỏ hàng
  2. Cập nhật tổng hóa đơn theo tăng/giảm số lượng sản phẩm
  3. Cung cấp gọi lại cho quá trình thanh toán

Tác giả. Žiga Miklič

Tải xuống bản trình diễn (24 KB)

12. Phương thức giỏ hàng sử dụng Bootstrap

Hiển thị giỏ hàng trong cửa sổ bật lên theo phương thức cung cấp trải nghiệm người dùng tốt trước quá trình thanh toán. Dự án giỏ hàng sau sử dụng thành phần phương thức Bootstrap để hiển thị danh sách giỏ hàng với tính năng cập nhật số lượng, đếm giá và nút thanh toán. Hơn nữa, nó cho phép người dùng xóa các sản phẩm đã thêm bằng phương thức xác nhận xóa

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Hiển thị menu giỏ hàng bên trong phương thức gốc Bootstrap
  2. Cho phép người dùng xóa sản phẩm đã thêm bằng hộp thoại xác nhận
  3. Cho phép người dùng tăng/giảm số lượng sản phẩm
  4. Tính toán và hiển thị tổng hóa đơn

Tác giả. cristina

Tải xuống bản trình diễn (213 KB)

13. Thêm vào giỏ hàng Mã HTML

Dự án “thêm vào giỏ hàng” sau đây đi kèm với thanh điều hướng, bố cục sản phẩm dạng lưới và chức năng giỏ hàng. Về cơ bản, dự án này đi kèm với tất cả các chức năng cơ bản của giỏ hàng bao gồm thêm, xóa, trống giỏ hàng và cập nhật dữ liệu giỏ hàng bằng JSON. Hơn nữa, bạn có thể tích hợp dự án mua sắm này với các mẫu HTML5 để làm cho nó đẹp hơn

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Cung cấp một mảng cho dữ liệu JSON để lấy sản phẩm từ máy chủ
  2. Sử dụng chuỗi mẫu để tạo thẻ sản phẩm
  3. Tạo các nút Giỏ hàng trống và Thanh toán dựa trên điều kiện kiểm tra xem mảng productsInCart có trống không
  4. Cài đặt trình xử lý cho sự kiện nhấp chuột trên tất cả các sản phẩm và cả nút Empty Cart
  5. Thêm các mặt hàng mới hoặc cập nhật các mặt hàng hiện có trong mảng productInCart
  6. Kiểm tra xem sản phẩm đã có trong mảng productsInCart chưa

Tác giả. Marco Roganovic

Tải xuống bản trình diễn (41 KB)

14. Dự án Giỏ hàng trong Javascript

Dự án giỏ hàng JavaScript sau đây cho phép người dùng thêm sản phẩm và hiển thị danh sách giỏ hàng bên trong hộp đèn nội dung. Nói chung, nó đi kèm với các thẻ sản phẩm được sắp xếp theo bố cục dạng lưới. Nút giỏ hàng đã được đặt bên trong thanh điều hướng kích hoạt hộp thoại phương thức. Người dùng có thể truy cập giỏ hàng của mình bằng cách mở phương thức và ở đó họ có thể cập nhật số lượng sản phẩm hoặc xóa sản phẩm

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Sử dụng một mảng để lưu trữ sản phẩm trong giỏ hàng
  2. Cho phép người dùng thêm/xóa sản phẩm vào/ra khỏi giỏ hàng
  3. Cung cấp các nút cộng/trừ để tăng/giảm số lượng sản phẩm
  4. Đếm và hiển thị tổng giá
  5. Sử dụng bộ nhớ cục bộ để lưu dữ liệu giỏ hàng
  6. Cung cấp các chức năng để xóa, lưu và đếm các mặt hàng trong giỏ hàng

Tác giả. Chris_Achinga

Tải xuống bản trình diễn (55 KB)

15. Giỏ hàng giàu tính năng sử dụng jQuery

Nếu bạn cần một mẫu giỏ hàng đa chức năng, thì dự án sau phù hợp với nhu cầu của bạn. Nó đi kèm với các thẻ sản phẩm được thiết kế phong phú cho phép người dùng xem thư viện sản phẩm bằng các nút tiếp theo/trước đó và thêm sản phẩm bằng hoạt ảnh di chuyển đến giỏ hàng. Tương tự, người dùng có thể xem và xóa sản phẩm khỏi danh sách giỏ hàng. Hơn nữa, dự án mua sắm này cũng cung cấp mẫu biểu mẫu đăng ký cho quy trình thanh toán

Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?
Làm cách nào để tạo một giỏ mua hàng đơn giản trong html?

Tính năng mã.  

  1. Nó lưu trữ các sản phẩm được thêm vào trong một mảng
  2. Vô hiệu hóa nhiều lần nhấp cho các sản phẩm đã thêm
  3. Thêm một mặt hàng vào giỏ hàng với hình ảnh động bay đến giỏ hàng
  4. Tính tổng của tất cả các sản phẩm và hiển thị tổng hóa đơn
  5. Cung cấp thẻ sản phẩm phong phú bao gồm băng chuyền hình ảnh bên trong chúng
  6. Cho phép người dùng xóa giỏ hàng
  7. Cung cấp mẫu biểu mẫu đăng ký cho quy trình thanh toán

Tác giả. minh quang

Tải xuống bản demo (1. 86 MB)

 

16. Giỏ hàng Popup Modal đa chức năng

Nếu bạn đang làm việc trên một trang web mua sắm có nhiều nội dung thì bạn phải sử dụng giỏ mua hàng bật lên theo phương thức đa chức năng sau đây. Về cơ bản, dự án này hiển thị một danh sách giỏ hàng phong phú bên trong một phương thức cho phép người dùng chọn các biến thể và số lượng sản phẩm. Hơn nữa, người dùng có thể thêm nhiều sản phẩm hơn vào giỏ hàng của mình bằng cách chọn từ các sản phẩm bổ sung được hiển thị ở cuối phương thức

Làm thế nào bạn sẽ thiết kế một giỏ mua hàng?

Các phương pháp hay nhất để thiết kế giỏ hàng .
Đặt biểu tượng giỏ hàng ở góc trên cùng bên phải của trang. .
Sử dụng biểu tượng giỏ hàng để hiển thị số lượng mặt hàng trong giỏ hàng. .
Cho mọi người biết khi họ thêm các mặt hàng vào giỏ hàng của họ. .
Ôm chiếc xe đẩy nhỏ. .
Cung cấp thông tin về miễn phí vận chuyển. .
Dẫn khách đi thanh toán

Làm cách nào để thêm nút thêm vào giỏ hàng trong HTML?

Phương pháp 2 .
Trong tệp etc/config. php , thêm dòng. HTML. Đáng tin cậy = Bật. ngay sau dòng. .
Add the following code to the page where you need to insert your 'Add to cart' button: