Theme Settings
Last updated
Last updated
Tùy theo từng theme mà cách viết và sắp xếp setting có sự khác biệt phù hợp với mỗi theme.
Quick view được viết setting tách riêng với Product page
Có setting để khách có thể bật / tắt Custom CSS/JS
Có setting cho Product Card, những setting trong phần này không liên quan đến Product page
Các function được sử dụng đồng thời ở nhiều nơi thì viết setting chung để setup một lần như: Coundown, Hot stock,...
Để tránh bị giới hạn ở file en.default.scheme.json thì sử dụng chung các biến ngôn ngữ để có thể sử dụng lại nhiều lần và thống nhất cách viết trên theme.
Đặt tên setting chỉ viết hoa từ đầu tiên và danh từ riêng.
Sử dụng tên setting mô tả chức năng của setting đó. Tránh việc dùng nhiều số thứ tự trên setting:
Sử dụng ngôn ngữ trực quan, dễ hiểu cho người dùng.
Sử dụng tiếng Anh của người Mỹ:
Tiêu đề của section chỉ dùng một lần trên phần tên section / preset, không dùng cho các setting bên trong section.
Tất cả các button và action đều phải bắt đầu bằng một động từ.
Tất cả các thông số kỹ thuật phải tuân theo format chung:
Sử dụng thuật ngữ mà Shopify cho phép dùng:
Sử dụng icon placeholder của Shopify để đối với các banner mặc định của theme.
Viết các setting để tùy chọn Header, Footer, Password Page, Mobile Menu, Product card.
Có hai cách viết setting cho colors: Color scheme và Color custom.
Đây là cách setting và phối màu cho theme Dawn của Shopify. Mỗi section, block hay content sẽ có 3 loại setting color cơ bản gồm:
Foreground color: dùng cho màu text
Background color: dùng cho màu background
Background gradient: dùng màu gradient cho background, trong trường hợp không nhập Background graidient thì màu
Theme Dawn sẽ setup thành 5 color schema dự theo cách setting trên. Ở mỗi section, block hoặc content thì khách hàng có thể lựa chọn color schema mà mình muốn sử dụng. Các text, background, border sẽ được áp dụng theo cách phối màu này theo tỉ lệ phù hợp:
Đây là cách setting phổ biến và đơn giản nhất. Mỗi setting về color sẽ riêng biệt:
Viết setting để chọn font cho toàn theme. Cho khách có thể chọn 2-3 font có thể sử dụng được trên theme. Mỗi font sẽ được lựa chọn từ Shopify font, Google font và Normal font.
Thêm các setting để điều chỉnh letter-spacing và line-height chung cho cả theme:
Chọn các setting về font-size, font-size trên mobile, font-weight, text-transform cho toàn bộ heading ở các section:
Chọn các setting về font-size, font-weight chung cho các text.
Chọn các setting về font-size, font-size trên mobile, font-weight, text-transform cho toàn bộ page title ở phần lớn các page (trừ product page,...)
Viết các setting về button chung cho theme.
Phải có các setting để điều chỉnh về Border width, Border style, Border corner, Box shadow:
Thêm setting cho khách có thể chọn màu của 3-5 loại button: