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

Posted by

68 / 100

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.
Rate this post
Xem thêm  Cách sửa lỗi Post-Processing of Image Failed Error khi up ảnh trong wordpress

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

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