Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Step 1: Go to the site that you want to create template for. 

Step 2: Chọn menu templates bên danh mục bên trái màn hìnhGo to Template tab at Left Menu

Step 3: Click vào 3 dot sign bên góc phải màn hình và chọn Option Button at top right of your screen and select Add Template Designer

Step 4: 

  • Điền vào ô Template Title tên của template
  • Chọn theme mà template này sử dụng (nhớ chọn đúng project mà lúc nãy đã select)
  • Header và Footer là 2 tùy chọn, nếu trong template không sử dụng header và footer chung (ví dụ như logo và số điện thoại trên header, menu ở footer) thì nên uncheck 2 tùy chọn này.
  • Mặc định khi tạo template sẽ có 1 Row được add sẵn, để thêm các Row khác thì bấm vào nút Add Row

...


Vào Project Basesite2 → Templates → demo_template để tham khảo thêm


2.  Create & Add Widget 

Step 1: Click menu Types & Tag → Content Types bên trái màn hình

Image Modified

Giao diện quản lý Content type và widget sẽ hiện ra như bên dưới

Step 2: Click vào button góc trên màn hình và chọn Add New Content Type

Image Modified

Step 3: Điền các thông tin cần thiết để tạo widget

  • Type: chọn Widget
  • Name: Điền tên của widget muốn tạo
  • Description: mô tả cho widget
  • Site or Folder: Nên chọn là SiteCommon (tất cả các widget của mình đều được đặt ở SiteCommon)
  • Bấm Save sau khi đã điều đủ thông tin

Image Modified

  • Sau khi tạo xong widget, giao diện sẽ nhìn giống như bên dưới

Step 4: Để thêm mới một field trong widget, bấm vào nút Add New Field bên góc phải

Image Modified

  • Điền một số thông tin cho field này, đầu tiên chọn Type cho field như hình bên dưới.

Image Modified

  • Ví dụ chọn Type là Text, các thông tin cần thiết dùng cho field này sẽ xuất hiện như bên dưới. Bấm Save Field để hoàn thành.

Image Modified

  • Chú ý: Đối với mỗi Widget/Content, khi tạo nên thêm field Site Or Folder vào, field này được sử dụng khi các widget được add vào site.

Image Modified

2a. JS for widget

...........................

...