Bài viết này đưa ra các giải pháp cho những vấn đề thường gặp khi dùng Personalization Studio. Nội dung gồm: khắc phục sự cố với chế độ xem trước trực tiếp, xử lý khi thiếu nút "Cá nhân hóa", sửa lỗi khi thêm sản phẩm vào giỏ hàng, và tìm hiểu các chủ đề Shopify được hỗ trợ. Hướng dẫn cung cấp các bước thực hiện chi tiết cùng những lưu ý về các giới hạn đã biết.
Hướng dẫn khắc phục sự cố cho Personalization Studio
Khả năng tương thích của chủ đề với Personalization Studio
Để dùng Personalization Studio mượt mà, bạn cần một theme Shopify tương thích. Đây là tóm tắt về mức độ tương thích của các theme:
Chủ đề được hỗ trợ đầy đủ:
Craft, Dawn, Debut, Editorial, Tối giản, Chuyển động, Prestige, Đơn giản, Tia lửa, Tinh gọn, Studio, Đối xứng
Chủ đề được hỗ trợ một phần:
Các chủ đề này thường hỗ trợ xem trước nhưng có thể gặp một số méo hình nhỏ hoặc hành vi không nhất quán: Beyond, Brooklyn, Envy, Impulse, Parallax, Supply
Chủ đề không được hỗ trợ:
Gác xép, Nhà kho, Tập trung
Khắc phục sự cố Live Preview
Nếu bạn gặp sự cố với tính năng xem trước trực tiếp, hãy làm theo các bước sau:
Kiểm tra bộ chọn đúng
Mở công cụ dành cho nhà phát triển của trình duyệt web. Bạn có thể làm điều này bằng cách nhấp chuột phải lên trang và chọn "Inspect" hoặc "Inspect Element".
Dùng công cụ chọn phần tử (thường có biểu tượng mũi tên) để tô sáng khu vực cụ thể trên trang sản phẩm nơi bản xem trước trực tiếp sẽ hiển thị.
Sao chép tên bộ chọn. Đây là đoạn mã xác định vùng đã chọn (ví dụ:
.product-media).
Tích hợp Selector vào Personalization Studio
Truy cập trang quản trị Shopify và đi đến ứng dụng Personalization Studio.
Tìm phần cài đặt nhúng ứng dụng.
Dán tên bộ chọn đã sao chép vào trường được chỉ định để xem trước trực tiếp.
Lưu các thay đổi bạn đã thực hiện.
Nếu không tìm thấy các bộ chọn như .product-media hoặc tương tự, hãy thử kiểm tra các khu vực cụ thể như .product-gallery, .product-image-container, hoặc .product-page__media. Vị trí chính xác có thể khác nhau tùy theo cấu trúc của theme của bạn.
Khắc phục sự cố với nút "Cá nhân hóa"
Nếu nút "Cá nhân hóa" bị thiếu hoặc không phản hồi như mong đợi, hãy thử các cách sau:
Thêm bộ chọn lớp CSS btn-addtocart
Đảm bảo nút "Thêm vào giỏ" của bạn có chứa lớp btn-addtocart. Bạn có thể tìm hướng dẫn cách thêm lớp này trong tài liệu của theme Shopify của bạn hoặc liên hệ với nhà phát triển theme.
Xác minh Thẻ tùy chỉnh của Gelato
Kiểm tra HTML của mô tả sản phẩm để xác nhận có Thẻ sau: . Nếu Thẻ này bị thiếu, hãy chèn lại vào HTML phần mô tả sản phẩm của bạn để khôi phục tính năng.
Khắc phục lỗi "Giỏ hàng trống"
Nếu sau khi bấm "Thêm vào giỏ" mà bạn thấy thông báo "Giỏ hàng của bạn đang trống", hãy đảm bảo bạn đã làm theo các bước sau:
Đăng nhập vào Tấm quản trị Shopify của bạn.
Vào mục "Cửa hàng trực tuyến" trong phần kênh bán hàng và chọn "Giao diện".
Tìm chủ đề đang hoạt động của bạn và nhấp vào "Tùy chỉnh."
Trong menu bên trái, mở tab "App Embeds".
Trong "App Embeds", bật Gelato Personalizer.
Lưu các thay đổi bạn đã thực hiện.
Để hiển thị tab "Cá nhân hóa", hãy cập nhật từng sản phẩm. Mở từng sản phẩm trong Tấm quản trị Shopify của bạn và bấm "Lưu" để đăng lại. Với sản phẩm mới, cập nhật theo thời gian thực sẽ tự động bật.
Các câu hỏi thường gặp
Tại sao phần xem trước trực tiếp chỉ hoạt động trên một ảnh sản phẩm?
Đây là một hạn chế đã biết. Hiện tại, phần xem trước trực tiếp chỉ hỗ trợ một hình ảnh mỗi lần. Tuy nhiên, chúng tôi đã gửi phản hồi đến đội ngũ phát triển để xem xét cải tiến trong tương lai.
Nếu nút "Cá nhân hóa" biến mất sau khi cập nhật chủ đề thì sao?
Nếu nút "Cá nhân hóa" biến mất sau khi cập nhật giao diện, hãy kiểm tra kỹ lớp btn-addtocart và thẻ tùy chỉnh của Gelato trong HTML của bạn. Cập nhật các thành phần này thường giúp giải quyết vấn đề.