Thêm Nút để phóng to Customization image bên trong Cart page

Teeinblue đã ra mắt tính năng giúp bạn có thể cho phép khách hàng phóng to hình ảnh Customization trong Cart page.


Khi ấn vào nút này, hình ảnh sẽ được mở rộng ra:



Dưới đây sẽ là các bước để thực hiện thêm nút này vào trang Cart page. Các bước này sẽ yêu cầu một chút kỹ năng Coding. Bạn có thể liên hệ với team support của chúng tôi nếu bạn gặp bất kỳ khó khăn nào khi thực hiện việc này.

BƯỚC 1. Copy script để kích hoạt tính năng

Copy script dưới đây:

<script>
  teeinblue = {
    addCartPreviewButton: true,
    cartPreviewButtonText: 'The text you want to display', 
  };
</script>

BƯỚC 2. Dán script trên vào trang Cart Page

Đăng nhập vào trang Shopify store admin > Đi đến Themes > Edit code



Dưới thư mục Layout, các bạn tìm thư mục "theme.liquid", bấm vào thư mục tệp để mở thư mục đó ở bên phải.

Bấm Ctrl+F để tìm tag </head>

Dán phần script mà bạn vừa Copy ở bước 1:

<script>
  teeinblue = {
    addCartPreviewButton: true,
    cartPreviewButtonText: 'The text you want to display', 
  };
</script>

Sau đó file sẽ trở thành như thế này:



Chú ý:
- Bạn có thể bật hoặc tắt ON hoặc OFF bắng cách thay đổi addCartPreviewButton giữa true or false.
- Bạn có thể dùng cartPreviewButtonText để đặt tên cho nút này tùy theo bạn muốn.

BƯỚC 3. Kiểm tra kết quả

Ngay khi bạn thực hiện xong 2 bước trên, trang Cart page của bạn sẽ trông như này:



Nếu gặp khó khăn, hãy liên hệ team support để được hỗ trợ nhé.

Cập nhật vào: 01/08/2023