ở bài lần trước mình có share plugin Đặt hàng nhanh, bạn nào chưa biết thì xem tại đây nha Cách thêm nút Đặt Hàng Nhanh trong website WordPress bán hàng . Trong bài hướng dẫn lần này sẽ dùng đến nó đấy 😀

Ở bài viết này mình thực hiện làm demo và test trên flatsome theme. Demo  (Chú ý: button mua hàng nhanh chỉ trượt dọc màn hình đối với các thiết bị smartphone thôi nha ).

Bước 1: Bạn cần tải về và cài đặt gói plugin Đặt hàng nhanh giúp mình. Tải về plugin Đặt hàng nhanh

Tiền hành cài đặt và kích hoạt plugin

Sau khi kích hoạt thành công, bản vào trang chi tiết sản phẩm để xem kết quả. Nhưng vẫn chưa xong nhé 😀

Bước 2: Các bạn thêm đoạn css bên dưới vào file style.css trong child theme .

 

@media (min-width: 320px) and (max-width: 480px) {
  .popup-mhn {
	  position: fixed;
      bottom: 0;
      z-index: 9999;
   }
  .detailcall-1 {
    margin: 0;
    padding: 4px 20px;
    background: #0886d6;
    box-shadow: none;
    position: fixed;
    bottom: 10px;
    z-index: 9999;
    color:#fff;
    font-weight:bold;
  }
}
.detailcall-1 {
    margin: 0;
    padding: 4px 20px;
    background: #0886d6;
    box-shadow: none;
    color:#fff;
    font-weight:bold;
}

Lưu lại và xem kết quả, nếu giống như hình bên dưới thì bạn đã thành công rồi nhé. Các bạn test trên màn hình kích thước smartphone nhé 😀

Theo dõi blog để cập nhật thêm nhiều code mới nhé ^^

Thành Trung

Yêu công nghệ. Tốt nghiệp chuyên ngành Công Nghệ Thông Tin. Theo học PHP nhưng đang làm Front-end, Freelancer

Bình luận

  1. Phụng Có 1 bình luận

    Anh ơi anh cho em lỗi này với ạ . em tìm trên gg nhưng không thấy :((
    Mong anh add friend fb em với
    fb em : Phụng Nguyễn

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 *