CSS Hero: Cách tạo kiểu nút “ADD TO CART”

Nếu bạn đang sử dụng theme flatsome hoặc bất kì theme thương mại điện tử nào khác thì phần “Add to cart” mặc định lúc nào nhìn cũng khá đơn điệu và không bắt mắt. Và chỉ với công cụ CSS hero bạn có thể dễ dàng custom lại nút “ADD TO CART” một cách dễ dàng nhất.

tao kieu nut css hero 2

  1. Đầu tiên bạn Khởi động trình CSS Hero Editor.
  2. Bạn Chọn nút “Thêm vào giỏ hàng” hoặc “Add to cart” nếu là tiếng anh như hình dưới đây.

    tao kieu nut css hero 3
  3. Bạn Chọn tùy chọn “Snippets” từ bảng điều khiển của CSS Hero và chọn tùy chọn “Button như hình dưới đây. Như ví dụ là phiên bản 4, nếu bạn đang sử dụng CSS hero 5 thì cũng tương tự.

    tao kieu nut css hero 4
  4. Trong các tùy chọn “Button” có sẵn nhiều kiểu nút khác nhau từ dạng 3D hay dạng khung…, bạn có thể di chuột qua tùy chọn “Preview” của kiểu nút để xem nó sẽ trông như thế nào.

    tao kieu nut css hero 5
  5. Sau khi chọn kiểu nút, bạn hãy nhấp vào “Apply” hoặc bạn nhấn Set Params..đối với CSS hero 5 và sau đó nhấp vào “SAVE & PUBLISH” để lưu các thay đổi.

BÀI VIẾT LIÊN QUAN

BÌNH LUẬN

0 0 votes
Xếp hạng bài viết
Nhận thông báo qua email
Nhận thông báo cho
guest
0 Bình luận
Inline Feedbacks
View all comments

TÀI TRỢ

0
Rất thích suy nghĩ của bạn, bạn hãy bình luận nhé.x
()
x