Mẫu

Mẫu là một nhóm các phần được cấu hình nhằm mang lại thiết kế và cảm quan nhất quán cho cửa hàng trực tuyến. Những phần có sẵn trong mẫu sẽ tùy thuộc vào chủ đề của bạn. Trong trình biên tập chủ đề, bạn có thể xem mẫu nào được áp dụng cho trang nào, rồi chỉnh sửa mẫu để tùy chỉnh thông tin hiển thị cho khách hàng.

Chủ đề chứa các mẫu cho nhiều loại nội dung khác nhau. Các loại mẫu này gồm những phần và khối trích xuất nội dung động từ khu vực tương ứng trên bảng điều khiển quản trị Shopify. Ví dụ: mẫu trang sản phẩm của chủ đề sẽ tạo ra một trang cho từng sản phẩm được đăng trên cửa hàng trực tuyến trong phần Sản phẩm thuộc bảng điều khiển quản trị Shopify.

Khi chỉnh sửa mẫu, các thay đổi sẽ áp dụng cho mọi trang dùng mẫu đó. Ví dụ: nếu thêm biểu mẫu đăng ký bản tin vào mẫu bộ sưu tập, tất cả các trang bộ sưu tập dùng mẫu bộ sưu tập mặc định sẽ hiển thị biểu mẫu đăng ký bản tin.

Bạn có thể truy cập mọi mẫu của chủ đề từ bộ chọn trang trong thanh menu của trình biên tập chủ đề.

Mẫu mặc định

Mỗi mẫu mặc định có các mục và cài đặt mặc định riêng mà bạn có thể chỉnh sửa và tùy chỉnh trong trình biên tập chủ đề. Ví dụ: theo mặc định, trang sản phẩm có mục Thông tin sản phẩm và Sản phẩm liên quan. Các cài đặt tùy chỉnh cụ thể cho từng chủ đề phụ thuộc vào nhà phát triển và phiên bản của chủ đề đó. Tìm hiểu thêm về cách tìm phiên bản chủ đề.

Các mẫu này có sẵn trong chủ đề theo mặc định.

Sản phẩm

Trang sản phẩm của chủ đề hiển thị thông tin về các sản phẩm đang bán trên cửa hàng, cũng như nơi khách hàng có thể mua sản phẩm đó.

Theo mặc định, trang sản phẩm có mục Thông tin sản phẩm và mục Sản phẩm liên quan trong trình biên tập chủ đề.

Mục Thông tin sản phẩm hiển thị chi tiết về sản phẩm, chẳng hạn như tiêu đề, mô tả, giá và hình ảnh. Bạn có thể quản lý sản phẩm trên trang Sản phẩm trong trang quản trị Shopify.

Bộ sưu tập

Trang bộ sưu tập của chủ đề hiển thị các bộ sưu tập được tạo trên trang Sản phẩm > Bộ sưu tập trong trang quản trị Shopify để nhóm các sản phẩm cụ thể thành danh mục. Bạn có thể tạo bộ sưu tập tự động và bộ sưu tập thủ công.

Theo mặc định, trang bộ sưu tập có mục Biểu ngữ bộ sưu tập và mục Lưới sản phẩm trong trình biên tập chủ đề.

Danh sách bộ sưu tập

Trang danh sách bộ sưu tập hiển thị tất cả bộ sưu tập có trên kênh bán hàng Cửa hàng trực tuyến. Ví dụ: nếu có cửa hàng trang sức, bạn có thể thêm liên kết đến trang danh sách bộ sưu tập trong menu để khách hàng duyệt xem theo loại trang sức (như nhẫn hoặc dây chuyền). Bạn cần tạo bộ sưu tập cho từng danh mục.

Thẻ quà tặng

Khi bạn tạo thẻ quà tặng hoặc khách hàng đặt mua sản phẩm thẻ quà tặng, thông tin chi tiết của thẻ đó (như giá trị thẻ, số dư và mã quy đổi) sẽ xuất hiện trên trang thẻ quà tặng.

Trang thẻ quà tặng là một phần của chủ đề. Bạn có thể tùy chỉnh chủ đề để thêm hoặc điều chỉnh kiểu và thông tin hiển thị trên trang thẻ quà tặng.

Không thể tùy chỉnh giá trị thẻ quà tặng và mã quy đổi thẻ quà tặng.

Trang

Bạn có thể tạo các trang tùy chỉnh trong trang quản trị Shopify để cung cấp nội dung cho khách hàng (như trang Giới thiệu) hoặc cung cấp thêm thông tin về sản phẩm.

Trang giỏ hàng

Trang giỏ hàng trên cửa hàng trực tuyến là nơi khách hàng có thể xem lại các mặt hàng đã thêm vào giỏ hàng.

Theo mặc định, trang giỏ hàng có mục Mặt hàng và mục Tổng phụ trong trình biên tập chủ đề.

Blog

Trang blog trên cửa hàng trực tuyến là trang chủ cho mọi blog bạn tạo trong trang quản trị Shopify, đồng thời chứa tất cả bài đăng đã xuất bản trong blog đó.

Theo mặc định, trang blog chứa mục Bài đăng trên blog trong trình biên tập chủ đề.

Bài đăng trên blog

Trang bài đăng trên blog thuộc cửa hàng trực tuyến sẽ hiển thị nội dung của các bài đăng trên blog được tạo trên trang Nội dung > Bài đăng trên blog trong trang quản trị Shopify. Theo mặc định, trang bài đăng trên blog chứa mục Bài đăng trên blog trong trình biên tập chủ đề.

Trang tìm kiếm

Trang tìm kiếm là nơi khách hàng có thể tìm kiếm các sản phẩm, trang hoặc bài đăng trên blog cụ thể trong cửa hàng trực tuyến.

Theo mặc định, trang tìm kiếm chứa mục Kết quả tìm kiếm trong trình biên tập chủ đề.

Ngoài các cài đặt trong mục Kết quả tìm kiếm, bạn còn có thể xem và tùy chỉnh một số Cài đặt chủ đề cho hành vi tìm kiếm, cũng như thêm CSS tùy chỉnh riêng cho mục.

Trang mật khẩu

Bạn có thể cài đặt bảo vệ cửa hàng bằng mật khẩu trên trang Cửa hàng trực tuyến > Tùy chọn trong trang quản trị Shopify. Nếu cửa hàng được bảo vệ bằng mật khẩu, trang mật khẩu sẽ hiển thị với khách truy cập cửa hàng trực tuyến. Mẫu trang mật khẩu có đầu trang và chân trang riêng. Bạn có thể tùy chỉnh mẫu trang mật khẩu từ trình biên tập chủ đề.

Trang 404

Trang 404 hiển thị khi khách hàng cố truy cập vào một liên kết không tồn tại trên trang web, chẳng hạn như trang của một sản phẩm đã bị xóa khỏi cửa hàng.

Trang này không có cài đặt tùy chỉnh, nhưng bạn có thể thêm CSS tùy chỉnh riêng cho mục vào trang 404 trong trình biên tập chủ đề.

Chỉnh sửa mẫu

Bạn có thể chỉnh sửa mẫu để thêm các mục vào cửa hàng trực tuyến. Một số mục chứa khối có thể tùy chỉnh thêm, nhưng không phải mục hoặc khối nào cũng có cài đặt hay nội dung có thể chỉnh sửa. Khi bạn chỉnh sửa mẫu, các thay đổi sẽ hiển thị theo thời gian thực trong bản xem trước của trình biên tập chủ đề.

Các bước:

Những điều cần cân nhắc khi tạo mẫu mới

Trước khi tạo mẫu mới, hãy xem xét các điều sau:

• Có thể có nhiều mẫu cho sản phẩm, bộ sưu tập, trang, blog và bài đăng trên blog, nhưng tối đa chỉ có tổng cộng 1.000 mẫu.
• Chỉ có thể tạo mẫu mới bằng chủ đề tương thích.
• Tất cả chủ đề đều có mẫu mặc định cho bộ sưu tập, sản phẩm, blog, bài đăng trên blog và trang. Các tài nguyên và nội dung của cửa hàng sẽ hiển thị bằng những mẫu mặc định này trừ khi bạn tạo mẫu thay thế.
• Mọi thay đổi đối với mẫu đều tác động đến tất cả các trang sử dụng mẫu đó. Nếu muốn một số trang cùng loại hiển thị khác đi, bạn có thể tạo mẫu mới dựa trên mẫu hiện có trong chủ đề.
• Khi tạo mẫu mới từ mẫu hiện có, mẫu mới sẽ tự động điền các phần giống hệt mẫu hiện có. Sau đó, bạn có thể xóa, thêm hoặc ẩn phần cũng như chỉnh sửa nội dung phần khi cần mà không làm ảnh hưởng đến hiển thị của trang sử dụng mẫu hiện có.

Tạo mẫu mới

Sau khi tạo mẫu mới, bạn có thể áp dụng mẫu cho trang trên cửa hàng trực tuyến mà bạn muốn dùng mẫu đó.

Tạo mẫu cho siêu đối tượng

Bạn có thể tạo mẫu trang web cho siêu đối tượng. Để sử dụng tính năng này, hãy hoàn thành các bước sau:

1. Tạo định nghĩa siêu đối tượng có quyền truy cập Storefront và tùy chọn kích hoạt thủ công tính năng Trang web. Khi bạn tạo mẫu chủ đề, trình biên tập chủ đề sẽ kích hoạt tính năng Trang web.
2. Tạo mục nhập cho định nghĩa siêu đối tượng.

Bây giờ bạn có thể tạo mẫu siêu đối tượng trong trình biên tập chủ đề.

Xem trước mẫu

Bạn có thể dùng tính năng xem trước mẫu để xem các tài nguyên của cửa hàng trực tuyến (như sản phẩm và trang) sẽ hiển thị cho khách hàng như thế nào khi áp dụng mẫu khác.

Mẫu được chỉ định ở cấp độ sản phẩm, bộ sưu tập, trang, blog hoặc bài đăng trên blog. Bạn tạo và chỉnh sửa mẫu trong trình biên tập chủ đề, nhưng lại thay đổi mẫu chỉ định của tài nguyên trong Bảng điều khiển Quản trị Shopify.

Những điều cần cân nhắc khi xem trước mẫu

Cân nhắc các chi tiết sau khi xem trước mẫu cho nhiều tài nguyên khác nhau của cửa hàng trực tuyến:

• Khi xem trước mẫu sản phẩm trong trình biên tập chủ đề, bạn có thể dùng các sản phẩm có trạng thái Đang hoạt động hoặc Bản nháp, nhưng không thể xem trước sản phẩm có trạng thái Đã lưu trữ.
• Khi xem trước mẫu bộ sưu tập trong trình biên tập chủ đề, bạn cần đảm bảo bộ sưu tập đã được kích hoạt Cửa hàng trực tuyến làm kênh bán hàng. Nếu chưa kích hoạt Cửa hàng trực tuyến làm kênh bán hàng, bạn không thể xem trước bộ sưu tập đó bằng bất kỳ mẫu bộ sưu tập nào trong trình biên tập chủ đề.
• Khi xem trước mẫu trang trong trình biên tập chủ đề, bạn có thể dùng các trang được đặt chế độ hiển thị là Hiển thị hoặc Ẩn.
• Khi xem trước mẫu bài đăng trên blog trong trình biên tập chủ đề, bạn có thể dùng các bài đăng trên blog được đặt chế độ hiển thị là Hiển thị hoặc Ẩn.

Blog không có các thông số hiển thị hoặc trạng thái khác, do đó bạn có thể dùng mẫu blog để xem trước mọi blog đã xuất bản trên cửa hàng trực tuyến.

Xem trước mẫu thay thế

Bạn có thể xem trước hiển thị của sản phẩm, bộ sưu tập, trang, blog hoặc bài đăng trên blog khi áp dụng một mẫu khác.

Các bước:

Xem trước tài nguyên cụ thể

Bạn có thể xem trước hiển thị của mẫu bằng mọi tài nguyên tương thích trên 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 mọi sản phẩm trên cửa hàng.

Bạn vẫn cần chỉ định mẫu cho tài nguyên trong Bảng điều khiển Quản trị Shopify.

Bạn cũng có thể tìm kiếm mẫu và tài nguyên bằng thanh Tìm kiếm trong công cụ chọn trang, trong công cụ Thêm phần hoặc Thêm khối, hoặc trong Nội dung nhúng ứng dụng.

Các bước:

1. Từ trang quản trị Shopify, vào phần Cửa hàng trực tuyến > Chủ đề.

2. Bên cạnh chủ đề muốn chỉnh sửa, nhấp vào Chỉnh sửa chủ đề.

3. Từ menu mẫu, chọn mẫu bạn muốn xem trước.

4. Từ menu thanh bên, trong phần Xem trước, nhấp vào Thay đổi.

5. Từ menu Chọn, chọn tài nguyên bạn muốn xem trước.

Áp dụng mẫu mới

Bạn có thể thay đổi mẫu đã gán cho các phần sau trong một chủ đề đã xuất bản:

• trang
• sản phẩm
• bộ sưu tập
• blog
• bài đăng trên blog

Bạn thay đổi mẫu đã gán trong trang quản trị Shopify. Các tùy chọn mẫu hiển thị chỉ dựa trên những mẫu có sẵn trong chủ đề đang hoạt động hiện tại.

Mẫu cho sản phẩm và bộ sưu tập có thể được gán ở cấp độ mặt hàng riêng lẻ hoặc cho nhiều mặt hàng cùng lúc bằng Công cụ chỉnh sửa hàng loạt.

Áp dụng mẫu mới cho trang

Áp dụng mẫu mới cho sản phẩm

Áp dụng mẫu mới cho bộ sưu tập

1. Từ trang quản trị Shopify, vào Sản phẩm > Bộ sưu tập.

2. Nhấp vào bộ sưu tập bạn muốn áp dụng mẫu.

3. Trong phần Mẫu chủ đề, nhấp vào menu thả xuống, sau đó chọn mẫu bạn muốn áp dụng cho bộ sưu tập.

4. Nhấp vào Lưu.

Áp dụng mẫu mới cho blog

Áp dụng mẫu mới cho bài đăng trên blog

Áp dụng mẫu mới hàng loạt cho sản phẩm hoặc bộ sưu tập

Bạn có thể sử dụng Công cụ chỉnh sửa hàng loạt để áp dụng mẫu mới cho nhiều sản phẩm hoặc bộ sưu tập cùng lúc.

Áp dụng mẫu mới hàng loạt cho sản phẩm

1. Từ trang quản trị Shopify, vào Sản phẩm.

2. Để chỉnh sửa nhiều sản phẩm cùng lúc, hãy thực hiện một trong những thao tác sau:

   • Để chọn từng sản phẩm, hãy chọn hộp kiểm cho từng sản phẩm.
   • Để chọn một loạt sản phẩm, hãy nhấp để chọn một sản phẩm, sau đó nhấn giữ phím shift và nhấp vào sản phẩm khác. Thao tác này sẽ chọn sản phẩm đầu tiên, sản phẩm cuối cùng bạn đã nhấp và tất cả sản phẩm ở giữa.
   • Để chọn tất cả sản phẩm trên một trang, hãy chọn hộp kiểm ở đầu danh sách sản phẩm.
   • Để chọn tất cả sản phẩm từ cửa hàng, hãy chọn hộp kiểm ở đầu danh sách sản phẩm, sau đó nhấp vào Chọn tất cả trong cửa hàng này.

3. Nhấp vào Chỉnh sửa hàng loạt.

4. Trong Công cụ chỉnh sửa hàng loạt, nhấp vào menu thả xuống Cột, sau đó trong phần Chung, chọn Mẫu.

5. Nhấp vào trường đầu tiên của cột Mẫu, nhấn giữ phím shift, sau đó nhấp vào trường cuối cùng của cột Mẫu. Một vùng tô màu xanh dương sẽ hiển thị quanh các mục bạn đã chọn.

6. Nhấp vào trường đầu tiên bạn đã chọn, sau đó chọn mẫu mong muốn từ menu thả xuống và nhấp vào Lưu.

Áp dụng mẫu mới hàng loạt cho bộ sưu tập

1. Từ trang quản trị Shopify, vào Sản phẩm > Bộ sưu tập.

2. Để chỉnh sửa nhiều bộ sưu tập cùng lúc, thực hiện một trong các thao tác sau:

   • Để chọn từng bộ sưu tập, chọn hộp kiểm cho từng bộ sưu tập.
   • Để chọn một dải bộ sưu tập, nhấp để chọn một bộ sưu tập, sau đó nhấn giữ phím Shift và nhấp vào bộ sưu tập khác. Thao tác này sẽ chọn bộ sưu tập đầu tiên và cuối cùng mà bạn nhấp, cùng toàn bộ các bộ sưu tập ở giữa.
   • Để chọn tất cả bộ sưu tập trên một trang, chọn hộp kiểm ở trên cùng danh sách bộ sưu tập.
   • Để chọn tất cả bộ sưu tập trong cửa hàng, chọn hộp kiểm ở trên cùng danh sách bộ sưu tập, sau đó nhấp vào Chọn tất cả trong cửa hàng này.

3. Nhấp vào Chỉnh sửa hàng loạt.

4. Trong Công cụ chỉnh sửa hàng loạt, nhấp vào menu thả xuống Cột, sau đó trong phần Chung, chọn Mẫu.

5. Nhấp vào trường đầu tiên của cột Mẫu, nhấn giữ phím shift, sau đó nhấp vào trường cuối cùng của cột Mẫu. Một vùng tô màu xanh dương sẽ hiển thị quanh các mục bạn đã chọn.

6. Nhấp vào trường đầu tiên bạn đã chọn, sau đó chọn mẫu mong muốn từ menu thả xuống và nhấp vào Lưu.

Quản lý mẫu

Để đổi tên hoặc xóa mẫu, bạn cần sử dụng trình biên tập mã. Việc chỉnh sửa tệp mẫu có thể gây ra sự cố cho cửa hàng trực tuyến.

Khi xóa mẫu, mọi tài nguyên cửa hàng trực tuyến được gán mẫu đó sẽ hiển thị bằng mẫu mặc định cho đến khi bạn gán mẫu khác.

Đổi tên mẫu

1. Từ trang quản trị Shopify, vào phần Cửa hàng trực tuyến > Chủ đề.

2. Tìm chủ đề có mẫu bạn muốn đổi tên, sau đó nhấp vào … > Chỉnh sửa mã.

3. Trong trình biên tập mã, tìm thư mục templates.

4. Nhấp chuột phải vào tệp mẫu muốn đổi tên, sau đó chọn Đổi tên... từ menu thả xuống.

5. Nhập tên mới cho tệp.

6. Nhấn Enter trên bàn phím.

Xóa mẫu

1. Từ trang quản trị Shopify, vào phần Cửa hàng trực tuyến > Chủ đề.

2. Tìm chủ đề mà bạn muốn xóa mẫu, sau đó nhấp vào … > Chỉnh sửa mã.

3. Trong trình biên tập mã, tìm thư mục templates.

4. Nhấp chuột phải vào tệp mẫu muốn xóa, sau đó chọn Xóa vĩnh viễn từ menu thả xuống.

5. Nhấp vào Xóa.