Skip to main content

Cấu trúc cơ bản của 1 theme Shopify

Shopify Theme là gì?​

Để setup 1 store hoàn chỉnh, việc đầu tiên mọi merchant cần làm đó là chọn cho họ 1 theme ưng ý để việc setup tính năng, tùy chỉnh giao diện của store họ trở nên dễ dàng hơn.

Đối với App provider như AVADA, để có thể chạy tính năng trên app, chúng ta ít nhiều sẽ phải sửa vào theme code. Như vậy, việc hiểu theme code gồm những gì, hoạt động như thế nào là rất quan trọng.

Để có thể hiểu Shopify theme code, yêu cầu ở đây là m.n đã phải có những kiến thức cơ bản nhất về Shopify Liquid Template language. Như vậy, khi đọc theme code, mới có thể hiểu được nó hoạt động như thế nào.

Shopify Theme gồm những thành phần nào, hoạt động ra sao?​

Trong phần này, mình sẽ giới thiệu cho mọi người những điều sau:

  • Shopify Theme là gì? Có những loại theme nào?
  • Theme code của Shopify bao gồm những thành phần nào? Những file nào cần để ý?
  • Làm sao để biết 1 trang ngoài frontend tương ứng template liquid nào ở trong theme code.

Mọi người xem video sau nhé:


note

Snippet xác định template trong video

  <script>
    window.AVADA_TEST = window.AVADA_TEST || {}
    window.AVADA_TEST.template = "{{ template }}";
  </script>