Đọc hiểu theme liquid

3) Khối đo lường GA4 (dataLayer) – Sự kiện, nơi chạy & tham số -------------------------------------------------------------- > Tất cả các đoạn dưới đều dùng `dataLayer.push({ecommerce:null})` **để reset** trước khi push event mới (GA4 e‑commerce best practice). ### 3.1. **PDP (Product page)** — `view_item`, `add_to_cart`, **re‑fire khi đổi variant** * **Điều kiện**: `if template.name == 'product'`. **Nguồn dữ liệu:** * `first_collection = product.collections | first` → map vào `item_category2`. * **Metafields**: * `custom.theme` (metaobject refs) → lấy `title.value` làm list chủ đề. Fallback: `custom.theme_str` (chuỗi “a; b”). * `custom.design_name` → `item_design`; fallback `product.title`. * `custom.item_group_id` → `item_group_id`; fallback `product.id`. * `custom.color` → ưu tiên màu từ metafield. * **Phát hiện màu** (`detectColor`): * Ưu tiên metafield. * Fallback theo **tag** trùng tên màu (so sánh lowercase với danh sách `COLOR_LIST`). * Cuối cùng tìm trong **variant title**. *

saved by

• Ngoc Hoang Thu