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.
- Đầu tiên bạn Khởi động trình CSS Hero Editor.
- 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.
- 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ự.
- 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.
- 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.
