Chỉnh sửa chủ đề
Bạn có thể chỉnh sửa chủ đề để tùy chỉnh nội dung, bố cục, kiểu chữ và màu sắc của cửa hàng trực tuyến. Mỗi chủ đề cung cấp các mục và cài đặt cho phép bạn thay đổi giao diện của cửa hàng mà không cần chỉnh sửa mã.
Trên trang này
Trước khi tùy chỉnh chủ đề
Để chuẩn bị tùy chỉnh chủ đề, hoàn tất các tác vụ được đề xuất sau:
- Sao chép chủ đề để tạo bản sao lưu. Điều này giúp bạn dễ dàng hủy bỏ các thay đổi và bắt đầu lại nếu cần.
- Đảm bảo bạn biết được mức độ hỗ trợ có sẵn.
- Tìm hiểu về các yêu cầu và thông lệ tốt nhất để tải hình ảnh lên.
Trình biên tập chủ đề
Trình biên tập chủ đề sẽ hiển thị tất cả nội dung của mẫu bạn đang xem trong thanh bên ở dạng cây. Mở rộng nút mục bằng cách nhấp vào biểu tượng mở rộng ▸ để xem các khối hoặc thu nhỏ nút bằng cách nhấp vào biểu tượng thu nhỏ ▾ để ẩn các khối. Bạn có thể nhấp vào mục hoặc khối bất kỳ để xem cài đặt.
Truy cập trình biên tập chủ đề
- Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
- Bên cạnh chủ đề bạn muốn chỉnh sửa, nhấp vào Tùy chỉnh.
- Nhấp vào Sections (Mục).
Trình kiểm tra bản xem trước
Trình kiểm tra bản xem trước là tính năng mới của trình biên tập chủ đề, cho phép bạn điều hướng đến các mục và khối trực tiếp từ cửa sổ xem trước và tìm cài đặt tương ứng nhanh hơn và trực quan hơn. Với trình kiểm tra bản xem trước, bạn có thể sắp xếp lại, ẩn hoặc xóa các mục và khối ngay từ cửa sổ xem trước.
Trình kiểm tra bản xem trước hỗ trợ tất cả chủ đề miễn phí của Shopify và được kích hoạt theo mặc định. Bạn có thể bật/tắt trình kiểm tra bản xem trước trong phiên chỉnh sửa.
Khi kích hoạt trình kiểm tra bản xem trước, bạn có thể nhấp vào bất kỳ phần tử nào được nêu để mở cài đặt tương ứng. Trên thiết bị di động, khi kích hoạt trình kiểm tra bản xem trước, bạn có thể nhấp vào bất kỳ phần tử nào để chọn cài đặt tương ứng. Bạn có thể mở trang tính dưới cùng để tiến hành chỉnh sửa qua cài đặt đã chọn này.
Trình kiểm tra bản xem trước hiển thị hai đường viền khác nhau xung quanh các mục và khối được nhấp vào trong cửa sổ xem trước:
- Đường liền mạch màu xanh dương: Mục đang hoạt động. Cài đặt tương ứng trong thanh bên được tô sáng màu xám.
- Đường chấm chấm màu xanh dương: Khối liên kết cho mục. Nhấp vào mục trong cửa sổ xem trước sẽ mở cài đặt cho khối hoặc mục.
Nhấp vào bất kỳ phần nào của trang web trong cửa sổ xem trước sẽ tải cài đặt tương ứng trong thanh bên. Trên thiết bị di động, chạm hai lần sẽ điều hướng trang web theo ý của khách hàng.
Thêm mục và khối trong trình kiểm tra bản xem trước
Khi sử dụng trình kiểm tra bản xem trước, bạn có thể thêm các mục và khối vào chủ đề trực tiếp từ cửa sổ xem trước. Trên thiết bị di động, bạn có thể thêm, sao chép, ẩn, di chuyển và xóa các mục bằng chế độ chỉnh sửa ở tranh tính dưới cùng.
| Công cụ | Mô tả |
|---|---|
| Thêm mục | Nút Thêm mục hiển thị ở trên cùng và dưới cùng mục đã chọn. Nhấp vào Thêm mục để chèn mục mới vào bên trên hoặc bên dưới mục đã chọn. |
| Thêm khối | Nút Thêm khối hiển thị khi bạn di chuột qua một khối hiện có. Để thêm khối, nhấp vào biểu tượng +. Menu bật lên xuất hiện với các khối chủ đề và ứng dụng có thể được thêm vào mục đã chọn. Nhấp vào khối bạn muốn thêm. Cửa sổ cài đặt cho khối mới sẽ tải trong thanh bên phải. |
Công cụ của trình kiểm tra bản xem trước
Bạn có thể di chuyển, ẩn, sao chép hoặc xóa các mục và khối khỏi trình biên tập chủ đề bằng trình kiểm tra bản xem trước.
| Công cụ | Mô tả |
|---|---|
| Chuyển sang vị trí tiếp theo/trước | Bạn có thể di chuyển mục hoặc khối sang vị trí tiếp theo hoặc vị trí trước bằng biểu tượng mũi tên trong trình kiểm tra bản xem trước. Nếu mục đã chọn nằm ở đầu trang, nút chuyển đến vị trí trước sẽ chuyển màu xám. Tương tự, nếu mục của bạn ở cuối trang, bạn không thể sử dụng nút chuyển đến vị trí tiếp theo. |
| Sao chép mục hoặc khối | Nhấp vào biểu tượng sao chép để sao chép mục hoặc khối và nội dung của mục hoặc khối. |
| Ẩn mục hoặc khối | Nhấp vào biểu tượng con mắt để ẩn mục hoặc khối. Khi ẩn mục hoặc khối, bạn sẽ không thể bỏ ẩn mục hoặc khối đó trong trình kiểm tra bản xem trước. Bạn có thể nhấp vào nút Hoàn tác trên thanh đầu trang hoặc đóng bảng cài đặt để quay lại trang chủ của trình biên tập chủ đề, tại đây, bạn sẽ thấy tất cả mục hoặc khối bị ẩn được liệt kê trong thanh bên với biểu tượng con mắt xuất hiện. Nhấp vào biểu tượng này để bỏ ẩn mục hoặc khối. |
| Xóa mục hoặc khối | Nhấp vào biểu tượng thùng rác để xóa mục hoặc khối đã chọn trong trình kiểm tra bản xem trước. |
Chế độ thanh bên
Trình biên tập chủ đề cung cấp hai chế độ giúp tận dụng toàn bộ không gian trên màn hình.
Chế độ thanh bên kép dành cho cửa sổ trình duyệt rộng và màn hình lớn, còn chế độ thanh bên đơn dành cho cửa sổ trình duyệt hẹp và màn hình nhỏ. Chế độ thanh bên xác định vị trí hiển thị bảng cài đặt trong trình biên tập.
Chế độ thanh bên kép
Nếu bạn có màn hình rộng hơn 1.600 pixel và cửa sổ trình duyệt được mở rộng hoàn toàn, hoặc cửa sổ trình duyệt mở rộng lên tối thiểu 1.600 pixel, bạn sẽ có hai thanh bên. Thanh bên trái chứa bảng menu điều hướng và thanh bên phải chứa bảng cài đặt.
Chế độ thanh bên đơn lẻ
Trình duyệt hẹp hơn chỉ có một thanh bên để đảm bảo không gian cho bản xem trước chủ đề. Khi bạn nhấp vào một mục hoặc khối để chỉnh sửa, bảng cài đặt sẽ mở ra trên đầu bảng điều hướng ở thanh bên.
Nhóm mục
Các mục được nhóm vào các vị trí sau trong mỗi mẫu trang:
- Đầu trang: Mục này bao gồm đầu trang, thanh thông báo và mọi ứng dụng hoặc Liquid tùy chỉnh.
- Mẫu: Mục này bao gồm các mục cấu thành phần nội dung chính của trang. Ví dụ: Các mục mẫu có thể bao gồm bài viết blog, mục ghép, danh sách bộ sưu tập hoặc Liquid tùy chỉnh.
- Chân trang: Mục này bao gồm chân trang, mục đăng ký nhận email và mọi ứng dụng hoặc Liquid tùy chỉnh.
Đầu trang và chân trang được chia sẻ trên tất cả các trang của cửa hàng trực tuyến. Ví dụ: Nếu bạn thêm khối Liquid tùy chỉnh vào đầu trang thì Liquid tùy chỉnh đó sẽ hiển thị trên tất cả các trang sản phẩm, trang chủ và bất kỳ trang nào khác. Bạn có thể sắp xếp lại các mục này nếu cần.
Mục và khối
Trong danh sách mục và khối, tất cả khối của các mục trên trang sẽ hiển thị theo mặc định.
Các mục tạo nên đầu trang hoặc chân trang được thu nhỏ theo mặc định, nhưng bạn có thể thấy những mục này nếu nhấp vào biểu tượng mở rộng ▸ bên cạnh tên mục.
Di chuyển mục và khối
Bạn có thể di chuyển mục hoặc khối từ một vị trí của trang sang vị trí khác bằng biểu tượng ⋮⋮ để nhấp và kéo mục hoặc khối, say đó thả mục hoặc khối vào vị trí có sẵn khác.
Nếu bạn cố gắng di chuyển mục hoặc khối vào vị trí không được phép thì mục hoặc khối sẽ quay lại vị trí ban đầu.
Xóa mục
Bạn có thể xóa mục hoặc khối khỏi mẫu trên màn hình cài đặt của từng danh mục. Nút Xoá mục hiển thị ở cuối phần cài đặt mục.
Bước:
- Trong thanh bên của trình biên tập chủ đề, nhấp vào mục hoặc khối bạn muốn xoá.
- Nhấp vào Xóa mục hoặc Xóa khối.
- Nhấp vào Lưu. Nếu bạn đang chỉnh sửa chủ đề đã đăng, nhấp vào Đăng để lưu thay đổi và áp dụng thay đổi trong cửa hàng.
Ẩn khối
Bạn có thể ẩn mục hoặc khối bất kỳ bằng biểu tượng con mắt.
Mẫu
Bạn có thể truy cập tất cả mẫu của chủ đề từ hộp chọn trang trên thanh đầu trang của trình biên tập chủ đề.
Nếu đang sử dụng chủ đề Online Store 2.0, bạn cũng có thể tạo mẫu mới trực tiếp từ hộp chọn trang bằng cách nhấp vào tùy chọn Mẫu mới.
Xem trước mẫu với tài nguyên cụ thể
Khi xem mẫu, bạn có thể xem trước cách mẫu hiển thị với mọi tài nguyên tương thích trong cửa hàng. Ví dụ: Nếu đang xem mẫu sản phẩm, bạn có thể kiểm tra mẫu đó với bất kỳ sản phẩm nào trong cửa hàng.
Bước:
- Trong hộp chọn trang của trình biên tập chủ đề, hãy chọn mẫu bạn muốn xem trước.
- Trong bảng điều hướng, trong mục Preview(Xem trước), nhấp vào Change (Xem trước).
- Trong menu Select (Chọn), chọn tài nguyên bạn muốn xem trước.
Hoàn tác và làm lại các thao tác
Nút Hoàn tác và Làm lại nằm ở góc trên bên phải của trình biên tập chủ đề.
Chỉnh sửa dữ liệu tùy chỉnh trên cùng dòng
Khi đang làm việc với dữ liệu tùy chỉnh để xây dựng trang siêu đối tượng, bạn có thể chỉnh sửa trường thông tin bổ sung và siêu đối tượng ngay trên cùng dòng mà không cần chuyển đến trang quản trị để thực hiện thay đổi. Có thể thực hiện thao tác này với hình ảnh, video, màu sắc, sản phẩm, trang, bộ sưu tập và trường thông tin bổ sung văn bản.
Bước:
- Chọn một cài đặt tương thích trong chủ đề được dẫn chiếu đến siêu đối tượng.
- Chọn và chỉnh sửa giá trị trường thông tin bổ sung trong mục nhập siêu đối tượng trong bảng cài đặt.
- Lưu thay đổi và trang đích sẽ tự động làm mới với thông tin đã cập nhật.
Xem tài liệu, nhận hỗ trợ và kiểm tra phiên bản chủ đề
Bạn có thể tìm thấy liên kết đến tài liệu và thông tin hỗ trợ về chủ đề trong menu Xem thêm ⋯ trên thanh menu. Trong menu này, bạn cũng có thể xem phiên bản chủ đề và thông tin người tạo.
Nhận trợ giúp với các nội dung tùy chỉnh
Nếu cần trợ giúp thay đổi chủ đề, bạn có thể liên hệ nhà phát triển chủ đề để được hỗ trợ.
Để xem thêm các tài nguyên có sẵn trợ giúp bạn các nội dung tùy chỉnh chủ đề, vui lòng xem mục Các tài nguyên bổ sung dành cho hỗ trợ chủ đề.