Shopify Theme Requirements
  • Feature
    • Yêu cầu về tính năng
  • Section
  • Theme Settings
  • HTML
  • CSS
  • JS
  • Shopify Requirements
Powered by GitBook
On this page

JS

PreviousCSS

Last updated 2 years ago

  • File theme.js chứa các js được load sau khi load page, chung cho toàn theme. File global.js chứa các js được load trong khi load page, chung cho toàn theme.

  • Tên file js thêm vào: ưu tiên bắt đầu bằng halo, viết hoa ký tự đầu của từ tiếp theo, không khoảng cách.

  • Ưu tiên sử dụng Javascript thuần thay vì sử dụng Jquery.

  • Sử dụng CustomElement và ES6+ để viết code.

  • Viết các function chung để có thể sử dụng lại được nhiều nơi cho nhiều chức năng khác nhau

  • Khai báo biến với từ khóa var, let hoặc const , và ta gán giá trị với dấu =;

  • Đặt tên biến bằng tiếng Anh viết thường chữ cái đầu, ưu tiên sử dụng camelCase cho các biến có nhiều hơn một từ. Ví dụ firstName thay vì first-name.

  • Format code với space 2 hoặc space 4, các câu lệnh có sự canh chỉnh gọn gàng.

  • Khi so sánh dùng === thay vì ==

  • Sử dụng template literal (template strings) để khai báo chuỗi:

  • Đặt dấu ngoặc ở cùng dòng với if với dấu space: