Integrate snippets code
Last updated
Last updated
Tài liệu snippet code(có thể là link document như trên hoặc cách nhanh nhất là trực tiếp xin snippets code từ khách)
Khách muốn embed code trên Page nào?(thường sẽ là editor link)
Khách muốn embed tại vị trí cụ thể nào trên page?(yêu cầu cung cấp screenshots hoặc mô tả chi tiết)
(Đây là minh họa cho integrate snippet code ở product template)
Lấy ví dụ từ tài liệu trên, đây sẽ là snippet code cần lấy ra:
Sau khi xác định được vị trí section cần embed, bước tiếp theo là truy cập vào "Edit code" của section đó và chọn file "liquid":
Sau đó thêm phần code embed dưới định dạng sau:
Name: phải là tên độc nhất(unique name)
Snippet: snippet code cần nhúng
Nhìn tổng thể, code snippet sẽ nằm gọn trong liquid file như sau:
Tùy vào yêu cầu vị trí embed của khách hàng, phần code show ra giao diện sẽ được gọi ra dưới định dạng sau: @liquid('name') - với "name" được lấy từ bước 2:
Trước khi thông báo cho khách hàng, cần phải kiểm tra kĩ trên live page(embed có thể chỉ không show trên editor nhưng có hoạt đông trên live page)
=> Đôi khi có thể sẽ phải inspect page lên để xem phần snippet code và xác nhận lại trong trường hợp snippet vẫn không hoạt động trên live page.
(*Khách hàng thường gặp khó khăn với integrating snippets code với LayoutHub. Nếu thấy bất cứ phản hồi tích cực nào, đừng quên xin đánh giá của khách hàng nhé! Chúc bạn thành công.)