Trang Sản phẩm là một yếu tố quan trọng của bất kỳ cửa hàng trực tuyến nào. Bằng cách tùy chỉnh các phần và khối của nó, bạn có thể tạo một trang vừa mang tính thông tin vừa thuyết phục, đồng thời khuyến khích người dùng mua sản phẩm hoặc dịch vụ của bạn.
Trang Sản phẩm chứa nhiều phần được tạo thành từ các khối. Bài viết này cung cấp thông tin tổng quan về nhóm phần Mẫu có trong mẫu này.
Theo mặc định, trang Sản phẩm có các phần sau:
- Thông tin sản phẩm
- Ngăn trợ giúp
- Anh hùng video
- Ảnh ghép
- Hình ảnh có văn bản
- Cuộn văn bản
- Thông tin chi tiết sản phẩm
- Câu hỏi thường gặp
- Ứng dụng
- Những sảm phẩm tương tự
- Đã xem gần đây
1. Thông tin sản phẩm
Phần này hiển thị thông tin về sản phẩm.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Thông tin sản phẩm | Kích hoạt nội dung cố định trên máy tính để bàn | Dán nội dung sản phẩm lên màn hình khi khách hàng cuộn xuống (hoặc lên) qua các hình ảnh sản phẩm nổi bật. |
| Phương tiện truyền thông | ||
| Chiều rộng phương tiện trên máy tính để bàn | Độ rộng của phương tiện trên máy tính để bàn, có thể được điều chỉnh từ 35% đến 70% để sửa đổi kích thước của phần này. | |
| Bố cục máy tính để bàn | Hiển thị bố cục màn hình:
| |
| Thu phóng hình ảnh | 3 lựa chọn có sẵn:
| |
| Ẩn phương tiện của các biến thể khác sau khi chọn một biến thể | Khi một biến thể được chọn, hình ảnh của các biến thể khác sẽ bị ẩn khỏi chế độ xem. Hình ảnh xuất hiện lại khi biến thể bị bỏ chọn. | |
| Bật tính năng tự động phát video | Phát video tự động. | |
| Bật vòng lặp video | Phát video nhiều lần. | |
| Bố cục di động | Chọn một trong hai tùy chọn sau:
| |
| Hiển thị hình thu nhỏ trên thiết bị di động | Hiển thị hình thu nhỏ trên thiết bị di động. | |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. |
Các khối có sẵn:
- 1.1 Đường dẫn
- 1.2 Văn bản
- 1.3 Tiêu đề
- 1.4 Giá
- 1.5 Mã hàng
- 1.6 Tình trạng tồn kho
- 1.7 Bộ chọn số lượng
- 1.8 Bộ chọn biến thể
- 1.9 Các biến thể của sản phẩm
- 1.10 Nút mua
- 1.11 Khả năng nhận hàng
- 1.12 Mô tả
- 1.13 Chia sẻ
- 1.14 Bàn trợ giúp
- 1.15 Chất lỏng tùy chỉnh
- 1.16 Đánh giá sản phẩm
- 1.17 Sản phẩm bổ sung
- 1.18 Hàng có thể thu gọn
1.1 Cài đặt cho khối Breadcrumb.
Cho phép hiển thị trang bộ sưu tập trong danh sách đường dẫn.
1.2 Cài đặt cho khối Văn bản.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Chữ | ||
| Chữ | Thêm văn bản của bạn. | |
| Cỡ chữ | Kích thước văn bản có thể được đặt thành một trong các tùy chọn sau:
|
1.3 Cài đặt cho khối Tiêu đề.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Tiêu đề | ||
| Kích thước tiêu đề | Kích thước của tiêu đề:
| |
| Hiển thị giá sản phẩm | Cho phép hiển thị giá sản phẩm | |
| Hiển thị đánh giá sản phẩm | Cho phép hiển thị đánh giá sản phẩm. |
1.4 Cài đặt cho khối Giá.
Bật Hiển thị thông báo thuế để hiển thị thông báo thuế.
1.5 Cài đặt cho khối SKU.
Không có cài đặt tùy chỉnh có sẵn.
1.6 Cài đặt cho khối trạng thái Kho.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Tình trạng hàng tồn kho | ||
| Ngưỡng tồn kho thấp | Số lượng tối thiểu của một sản phẩm cụ thể mà doanh nghiệp muốn có trong tay tại bất kỳ thời điểm nào. Chọn 0 để luôn hiển thị còn hàng nếu có. | |
| Hiển thị thông báo chuyển hàng tồn kho | Hiển thị thông báo chuyển hàng tồn kho | |
| Bảng màu | Chọn một trong 6 phương án sau:
|
1.7 Cài đặt cho khối chọn Chất lượng.
Không có cài đặt tùy chỉnh có sẵn.
1.8 Cài đặt cho khối bộ chọn Biến thể.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Bộ chọn biến thể | ||
| Hiển thị nhãn biến thể | Hiển thị nhãn của các biến thể. | |
| Kiểu | Phong cách của bộ chọn biến thể. Chọn Trình đơn thả xuống hoặc Nút . | |
| Kích hoạt mẫu màu Yêu cầu loại bộ chọn biến thể là "Nút". | Hiển thị các biến thể màu trong mẫu màu. Điều này yêu cầu loại bộ chọn biến thể 'Nút'. Tìm hiểu cách thiết lập mẫu màu . | |
| Loại mẫu | Chọn Mẫu màu hoặc Hình ảnh biến thể . | |
| Biểu đồ kích thước | Trang biểu đồ kích thước | Nếu bạn bán các mặt hàng quần áo yêu cầu khách hàng biết kích thước của chúng trước khi mua hàng, bạn có thể thêm biểu đồ kích thước tùy chỉnh vào trang sản phẩm của mình. Đây là để chọn trang của bạn đại diện cho nội dung biểu đồ kích thước. |
1.9 Cài đặt cho khối Biến thể sản phẩm.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Các biến thể của sản phẩm | ||
| Tên tùy chọn | Thêm tên tùy chọn (Ví dụ: Màu sắc, Kiểu dáng... ) | |
| Siêu dữ liệu giá trị tùy chọn | Nhập không gian tên và khóa của siêu trường chứa giá trị. Ví dụ: custom.color | |
| Sản phẩm | Chọn sản phẩm bạn muốn giới thiệu. Chọn tất cả các biến thể (bao gồm cả chính sản phẩm). | |
| Mẫu màu | ||
| Kích hoạt mẫu màu | Cho phép hiển thị các mẫu màu. | |
| Loại mẫu | Chọn một trong hai tùy chọn sau: Mẫu màu hoặc Hình ảnh sản phẩm . | |
| Biểu đồ kích thước | Trang biểu đồ kích thước | Nếu bạn bán các mặt hàng quần áo yêu cầu khách hàng biết kích thước của chúng trước khi mua hàng, bạn có thể thêm biểu đồ kích thước tùy chỉnh vào trang sản phẩm của mình. Đây là để chọn trang của bạn đại diện cho nội dung biểu đồ kích thước |
1.10 Cài đặt cho khối nút Mua.
Khối này hiển thị nút "Thêm vào giỏ hàng" và mọi thông tin nhận hàng tại cửa hàng. Nó cũng có thể hiển thị bất kỳ nút thanh toán động nào.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Nút mua | ||
| Hiển thị bộ chọn số lượng | Cho phép hiển thị bộ chọn số lượng. | |
| Hiển thị các nút thanh toán động | Bằng cách sử dụng các phương thức thanh toán có sẵn trên cửa hàng của bạn, khách hàng sẽ thấy tùy chọn ưa thích của họ, như PayPal hoặc Apple Pay. | |
| Hiển thị mẫu thông tin người nhận cho thẻ quà tặng. | Cho phép người mua gửi thẻ quà tặng vào ngày đã lên lịch cùng với tin nhắn cá nhân. |
1.11 Cài đặt cho khối khả năng nhận hàng.
Cho phép khách hàng của bạn xem tình trạng còn hàng tại các cửa hàng bán lẻ bằng cách thiết lập tính năng nhận hàng tại địa phương .
1.12 Cài đặt cho khối Mô tả.
Chọn kích thước cho văn bản mô tả:
- Bé nhỏ
- Trung bình
- Lớn
- Cực lớn
1.13 Cài đặt cho khối Chia sẻ.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Chia sẻ | Chữ | Thêm văn bản cho khối. |
| Bàn trợ giúp | ||
| Hiển thị bàn trợ giúp | Cho phép hiển thị bàn trợ giúp | |
| Nhãn trợ giúp | Văn bản mô tả khối nhãn Trợ giúp. | |
| Loại trợ giúp | Chọn giữa Ngăn kéo kiểu và Trang kiểu cho trang Trợ giúp của bạn. | |
| Trang trợ giúp | Thêm URL bạn muốn liên kết. |
1.14 Cài đặt cho khối Bàn trợ giúp.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Bàn trợ giúp | ||
| Nhãn trợ giúp | Văn bản mô tả khối nhãn Trợ giúp. | |
| Loại trợ giúp | Chọn giữa Ngăn kéo kiểu và Trang kiểu cho trang Trợ giúp của bạn. | |
| Trang trợ giúp | Chọn một trang để liên kết khối Bàn trợ giúp. |
1.15 Cài đặt cho khối chất lỏng Tùy chỉnh.
Bạn có thể thêm mã Liquid của riêng mình để tạo khối tùy chỉnh. Tìm hiểu thêm .
1.16 Cài đặt cho khối xếp hạng Sản phẩm.
Hiển thị xếp hạng trung bình của sản phẩm theo sao với số lượng đánh giá trong ngoặc đơn, ví dụ: ★★★★★ (8). Cũng yêu cầu ứng dụng đánh giá sản phẩm như Đánh giá sản phẩm của Shopify và định nghĩa siêu trường cho các đánh giá.xếp hạng_đếm và đánh giá.xếp hạng. Tìm hiểu thêm .
1.17 Cài đặt cho khối sản phẩm bổ sung.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Sản phẩm bổ sung | ||
| Phần mở đầu | Nhập văn bản cho sản phẩm bổ sung của bạn. | |
| Sản phẩm tối đa để hiển thị | Số lượng sản phẩm bổ sung có thể dao động từ 1 đến 10. | |
| Hiển thị nhà cung cấp | Hiển thị các nhà cung cấp sản phẩm. | |
| Hiển thị giá | Hiển thị giá của các sản phẩm. |
1.18 Cài đặt cho khối hàng Có thể thu gọn.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Hàng có thể thu gọn | ||
| Biểu tượng | Chọn biểu tượng SVG được tạo sẵn phù hợp với tab có thể thu gọn của bạn. Tùy chọn Không có sẽ vô hiệu hóa biểu tượng. | |
| Phần mở đầu | Tiêu đề của tab. Hiển thị khi thu gọn và mở rộng. | |
| Nội dung hàng | Nội dung của tab. Chỉ hiển thị khi tab được mở rộng. | |
| Hàng nội dung từ trang | Hiển thị nội dung từ một trang trong tab. Chỉ hiển thị nội dung trang từ trình chỉnh sửa trang, không có kiểu dáng Liquid nào từ mẫu của trang hiển thị trong khối này. Mọi nội dung nhập vào nội dung Tab đều hiển thị phía trên nội dung trang. |
2. Ngăn trợ giúp
Phần này giúp khách hàng truy cập nhanh chóng và dễ dàng các thông tin như sản phẩm, dịch vụ, chính sách của cửa hàng .
| Cài đặt phần | Cài đặt | Sự miêu tả | Ngăn trợ giúp |
|---|---|---|
| Phần mở đầu | Tiêu đề của phần. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. |
Khối có sẵn: Khối nội dung.
Các cài đặt cho khối Nội dung.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Nội dung | ||
| Biểu tượng | Chọn biểu tượng cho nội dung trong danh sách. | |
| Phần mở đầu | Văn bản lớn cho tiêu đề của nội dung. | |
| Chữ | Thêm văn bản của bạn. Ví dụ: chia sẻ thông tin liên hệ, chi tiết cửa hàng và nội dung thương hiệu với khách hàng của bạn. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
|
3. Anh hùng video
.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Anh hùng video | Cho phép tiêu đề trong suốt | Cài đặt này chỉ áp dụng khi phần này là phần đầu tiên. |
| Video được lưu trữ trên Shopify | Băng hình | Chọn video từ video được lưu trữ trên Shopify. |
| Nhúng video từ URL | ||
| URL | Liên kết YouTube hoặc Vimeo tới video. Video phải được cung cấp công khai. | |
| Ảnh bìa | Hình ảnh hiển thị trước khi khách hàng phát video. | |
| Văn bản ALT video | Mô tả video để giúp khách hàng sử dụng trình đọc màn hình có thể truy cập video. | |
| Bật tính năng tự động phát video | Phát video tự động. | |
| Chiều rộng nội dung trên máy tính để bàn | Xác định chiều rộng của hình ảnh khi xem trên máy tính để bàn:
| |
| Bố cục di động | ||
| Video di động | Chọn/Tải video lên bằng cách tải lên trên trình duyệt di động. | |
| Hoặc nhúng video từ URL | Nhúng video từ URL trên trình duyệt di động. | |
| Ảnh bìa di động | Hình ảnh hiển thị trước khi khách hàng phát video trên trình duyệt di động. | |
| Chiều cao di động | Xác định chiều cao của hình ảnh khi xem trên thiết bị di động:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Làm cho phần có chiều rộng đầy đủ | Làm cho thùng chứa có chiều rộng đầy đủ. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. |
Khối có sẵn: Khối trượt.
Các cài đặt cho khối Slide.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Cầu trượt | ||
| Phần mở đầu | Tiêu đề khối. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
4. Ảnh ghép
Phần này tạo ảnh ghép video hoặc hình ảnh thành hai cột. Theo mặc định, phần này chứa khối video, sản phẩm và bộ sưu tập.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Nhãn nút | Văn bản hiển thị trên nút. | |
| Liên kết nút | URL của nút. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| Kích hoạt hiệu ứng thị sai | Bật hiệu ứng thị sai để tạo ảo giác về chiều sâu trong hình ảnh hoặc cảnh hai chiều. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 4.1 Khối hình ảnh
- 4.2 Khối video
4.1 Cài đặt cho khối Hình ảnh.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Hình ảnh | ||
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Phần mở đầu | Tiêu đề khối. | |
| liên kết | Liên kết mà bạn muốn khách hàng điều hướng đến nếu họ nhấp vào. | |
| Đảo ngược tiêu đề phụ và tiêu đề | Hoán đổi vị trí tiêu đề và tiêu đề phụ. | |
| Hình ảnh | Chọn/Tải lên hình ảnh cho khối. | |
| Tỷ lệ hình ảnh | Tỷ lệ hình ảnh cho hình ảnh bài đăng trên blog:
| |
| Vị trí nội dung trên máy tính để bàn | Vị trí của nội dung trên máy tính để bàn:
| |
| Căn chỉnh nội dung trên máy tính để bàn | Căn chỉnh nội dung trên màn hình:
| |
| Bố cục di động | ||
| Hình ảnh trên thiết bị di động | Hình ảnh khối hiển thị trên thiết bị di động. | |
| Tỷ lệ hình ảnh trên thiết bị di động | Tỷ lệ hình ảnh cho hình ảnh trên trình duyệt di động:
| |
| Vị trí nội dung di động | Vị trí của nội dung trên trình duyệt di động:
| |
| Căn chỉnh nội dung di động | Căn chỉnh nội dung trên trình duyệt di động:
| |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
4.2 Cài đặt cho khối Video.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Băng hình | ||
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Phần mở đầu | Tiêu đề khối. | |
| liên kết | Liên kết mà bạn muốn khách hàng điều hướng đến nếu họ nhấp vào. | |
| Đảo ngược tiêu đề phụ và tiêu đề | Hoán đổi vị trí tiêu đề và tiêu đề phụ. | |
| Video được lưu trữ trên Shopify | Băng hình | Chọn video từ video được lưu trữ trên Shopify |
| Nhúng video từ URL | ||
| URL | Liên kết YouTube hoặc Vimeo tới video. Video phải được cung cấp công khai. | |
| Ảnh bìa | Hình ảnh hiển thị trước khi video phát. | |
| Văn bản ALT video | Mô tả video để khách hàng sử dụng trình đọc màn hình có thể truy cập video. | |
| Bật tính năng tự động phát video | Phát video tự động. | |
| Bật vòng lặp video | Phát video nhiều lần. | |
| Tỷ lệ hình ảnh | Tỷ lệ hình ảnh cho hình ảnh bài đăng trên blog:
| |
| Vị trí nội dung trên máy tính để bàn | Đặt vị trí của nội dung trên màn hình:
| |
| Căn chỉnh nội dung trên máy tính để bàn | Đặt căn chỉnh nội dung trên màn hình:
| |
| Bố cục di động | ||
| Video di động | Chọn/Tải video lên bằng cách tải lên cho trình duyệt di động. | |
| Hoặc nhúng video từ URL | Nhúng video từ URL trên trình duyệt trên thiết bị di động. | |
| Ảnh bìa di động | Hình ảnh hiển thị trước khi video phát trên thiết bị di động. | |
| Tỷ lệ hình ảnh trên thiết bị di động | Tỷ lệ hình ảnh cho hình ảnh trên trình duyệt máy tính để bàn:
| |
| Vị trí nội dung di động | Đặt vị trí của nội dung trên trình duyệt di động:
| |
| Căn chỉnh nội dung di động | Đặt căn chỉnh nội dung trên trình duyệt di động:
| |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
5. Hình ảnh có văn bản
Bạn có thể thêm phần chứa hình ảnh và khối văn bản bằng nút tùy chọn để liên kết khách hàng với một trang mới. Ghép văn bản với hình ảnh để tập trung vào sản phẩm, bộ sưu tập hoặc bài đăng blog bạn đã chọn. Thêm thông tin chi tiết về tình trạng sẵn có, kiểu dáng hoặc thậm chí đưa ra đánh giá.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Hình ảnh có văn bản | ||
| Hình ảnh | Hình ảnh cho phần được hiển thị trên trình duyệt máy tính để bàn. | |
| Chiều cao máy tính để bàn | Xác định chiều cao của hình ảnh khi xem trên máy tính để bàn:
| |
| Chiều rộng hình ảnh trên máy tính để bàn | Xác định độ rộng của hình ảnh khi xem trên desktop: Small, Medium hoặc Large | |
| Vị trí hình ảnh máy tính để bàn | Bố cục cho phần trên máy tính để bàn:
| |
| Căn chỉnh nội dung trên máy tính để bàn | Đặt căn chỉnh nội dung trên màn hình:
| |
| Bố cục di động | ||
| Hình ảnh di động | Hình ảnh cho phần được hiển thị trên trình duyệt di động. | |
| Chiều cao di động | Xác định chiều cao của hình ảnh khi xem trên thiết bị di động:
| |
| Căn chỉnh nội dung di động | Đặt căn chỉnh nội dung trên trình duyệt di động:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| Kích hoạt hiệu ứng thị sai | Bật để hiển thị hiệu ứng thị sai, tạo ảo giác về chiều sâu trong hình ảnh hoặc cảnh hai chiều. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 5.1 Tiêu đề
- 5.2 Văn bản
- Nút 5.3
- 5.4 Liên kết
- 5.5 Hình ảnh
- 5.6 Chất lỏng tùy chỉnh
- 5.7 Khoảng trống
5.1 Cài đặt cho khối Tiêu đề.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề khối. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
5.2 Cài đặt cho khối Văn bản.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Chữ | ||
| Chữ | Thêm văn bản của bạn. | |
| Cỡ chữ | Kích thước văn bản có thể được đặt thành một trong các tùy chọn sau:
Tùy chọn tùy chỉnh cho phép bạn đặt kích thước văn bản thành bất kỳ giá trị nào bạn muốn, từ 12px đến 128px, tăng số học là 2 px. | |
| Phông chữ văn bản | Chọn giữa 2 tùy chọn cho định dạng văn bản: Nội dung hoặc Tiêu đề . | |
| Sử dụng màu phụ | Kích hoạt màu phụ. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
5.3 Cài đặt cho khối Nút.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Cái nút | ||
| Nhãn nút | Văn bản hiển thị trên nút. | |
| Liên kết nút | URL của nút. | |
| Kích thước nút | Điều chỉnh kích thước của nút theo 3 tùy chọn: Nhỏ, Trung bình hoặc Lớn | |
| Sử dụng kiểu nút phác thảo | Sử dụng kiểu phác thảo cho nút. |
5.4 Cài đặt cho khối Liên kết.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| liên kết | ||
| Chữ | Văn bản của liên kết được đặt ngay bên cạnh nút. | |
| liên kết | Thêm URL bạn muốn liên kết. |
5.5 Cài đặt cho khối Hình ảnh.
| Chặn cài đặt | Cài đặt | Sự miêu tả | Hình ảnh |
|---|---|---|
| Hình ảnh | Chọn một hình ảnh cho khối. | |
| Chiều rộng hình ảnh | Chọn một trong hai tùy chọn chiều rộng hình ảnh:
|
5.6 Cài đặt cho khối chất lỏng Tùy chỉnh.
Bạn có thể thêm mã Liquid của riêng mình để tạo khối tùy chỉnh.
5.7 Cài đặt cho khối không gian trống.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Không gian trống | ||
| Chiều cao máy tính để bàn | Xác định chiều cao của khoảng trống khi xem trên màn hình. Có thể từ 0 px đến 120 px, tăng số học là 4 px. Mặc định là 40 px. | |
| Chiều cao di động | Xác định chiều cao của khoảng trống khi xem trên thiết bị di động. Có thể từ 0 px đến 120 px, tăng số học là 4 px. Mặc định là 28 px. |
6. Cuộn văn bản
Phần này cho phép tạo văn bản cuộn di chuyển trên màn hình. Nó có thể được sử dụng để hiển thị nhiều thông tin trong một không gian nhỏ, thu hút sự chú ý hoặc cho các mục đích khác.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Cuộn văn bản | ||
| Phương hướng | Chọn hướng cuộn mong muốn:
| |
| Tốc độ | Xác định tốc độ cuộn văn bản. Có thể từ 0,5/100px đến 2,5/100px, tăng số học 0,1/100px. | |
| Không gian ngang | Khoảng cách giữa các văn bản nằm trong khoảng từ 50px đến 200px, tăng dần theo gia số 5px. | |
| Kích hoạt các vùng chọn đôi | Hiển thị hai vùng chọn cùng lúc | |
| Kích hoạt hiệu ứng thị sai | Bật hiệu ứng thị sai để tạo ảo giác về chiều sâu trong hình ảnh hoặc cảnh hai chiều. Cài đặt này có thể được sử dụng để làm nổi bật văn bản cuộn. | |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- Khối văn bản
- Khối hình ảnh
6.1 Cài đặt cho khối Văn bản.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Chữ | ||
| Chữ | Thêm văn bản của bạn. | |
| Cỡ chữ | Kích thước văn bản có thể được đặt từ 12px đến 180px. | |
| Phông chữ văn bản | Chọn giữa 2 tùy chọn cho định dạng văn bản: Nội dung hoặc Tiêu đề . | |
| Văn bản stencil | Kích hoạt văn bản stencil. Có thể không hoạt động trong tất cả các trình duyệt. |
6.2 Cài đặt cho khối Hình ảnh.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Chữ | ||
| Hình ảnh | Chọn một hình ảnh cho khối. | |
| Chiều cao hình ảnh | Chiều cao hình ảnh có thể được đặt trong khoảng từ 12px đến 180px. |
7. Chi tiết sản phẩm
Phần này hiển thị thông tin về sản phẩm.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Thông tin chi tiết sản phẩm | ||
| Mở hàng Có thể thu gọn đầu tiên | Cho phép mở hàng Có thể thu gọn đầu tiên. | |
| Tiêu đề thông số kỹ thuật | Thêm văn bản của bạn, văn bản này sẽ được đưa vào Hộp. | |
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề của phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 7.1 Mô tả
- 7.2 Hàng có thể thu gọn
- 7.3 Đặc điểm kỹ thuật
7.1 Cài đặt cho khối Mô tả.
Tiêu đề - Thêm văn bản tiêu đề của bạn.
7.2 Cài đặt cho khối hàng Có thể thu gọn.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| hàng có thể thu gọn | ||
| Phần mở đầu | Tiêu đề của tab. Hiển thị khi thu gọn và mở rộng. | |
| Nội dung hàng | Nội dung của tab. Chỉ hiển thị khi tab được mở rộng. | |
| Siêu trường thông tin | Nhập không gian tên và khóa của siêu trường chứa giá trị. Mỗi siêu trường phải nằm trong dòng riêng của nó. |
7.3 Cài đặt cho khối Thông số kỹ thuật.
| Chặn cài đặt | Cài đặt | Sự miêu tả | | Biểu tượng | Chọn/Tải lên hình ảnh biểu tượng. | Phần mở đầu | Tiêu đề khối. | |
|---|
8. Câu hỏi thường gặp
Phần này hiển thị thông tin về các câu hỏi thường gặp.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Câu hỏi thường gặp | Phong cách | Chọn Với kiểu viền hoặc Với kiểu nền để hiển thị phần |
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề của phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Nhãn nút | Văn bản hiển thị trên nút. | |
| Liên kết nút | URL của nút. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Các khối có sẵn:
- 8.1 Văn bản có định dạng
- 8.2 Câu hỏi
- 8.3 Mẫu liên hệ
8.1 Cài đặt cho khối văn bản có định dạng.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| văn bản phong phú | ||
| Tiêu đề | Tiêu đề khối. | |
| Chữ | Thêm văn bản mô tả cho khối này. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
8.2 Cài đặt cho khối Câu hỏi.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Câu hỏi | ||
| Câu hỏi | Thêm một câu hỏi thường gặp. | |
| Trả lời | Thêm câu trả lời. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
8.3 Cài đặt cho khối biểu mẫu Liên hệ.
| Chặn cài đặt | Cài đặt | Sự miêu tả |
|---|---|---|
| Mâu liên hệ | ||
| Phần mở đầu | Tiêu đề khối. | |
| Chữ | Văn bản hiển thị trong khối. | |
| Hiển thị số điện thoại | Hiển thị số điện thoại. | |
| Hình đại diện của đội | Chọn/Tải lên hình ảnh để hiển thị hình đại diện của đội. | |
| Chiều cao hình đại diện của đội | Chiều cao của avatar nhóm, có thể được điều chỉnh từ 20px đến 100px. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
|
9. Ứng dụng
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Đánh giá sản phẩm Shopify | Bật tích hợp Đánh giá sản phẩm Cài đặt ứng dụng Đánh giá sản phẩm Shopify để sử dụng tính năng này. Chỉ hiển thị trên các trang sản phẩm. | Cho phép hiển thị tích hợp Đánh giá sản phẩm. Điều chỉnh ứng dụng Đánh giá sản phẩm theo giao diện của chủ đề. Tắt để sử dụng thiết kế ứng dụng gốc. |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Phần này không hỗ trợ thêm khối.
10. Sản phẩm liên quan
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Những sảm phẩm tương tự | ||
| Số lượng sản phẩm liên quan | Chọn từ 2 đến 12 sản phẩm để hiển thị ở phần này. | |
| Số cột trên màn hình | Tùy chỉnh số lượng cột hiển thị trên màn hình từ 1 đến 5. | |
| Bật băng chuyền trên máy tính để bàn | Hiển thị băng chuyền sản phẩm trên máy tính để bàn. | |
| Bố cục di động | ||
| Số cột trên thiết bị di động | Tùy chỉnh số lượng cột hiển thị trên di động: 1 cột hoặc 2 cột . | |
| Bật thao tác vuốt trên thiết bị di động | ||
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề của phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Phần này không hỗ trợ thêm khối.
11. Đã xem gần đây
Giúp khách hàng của bạn tìm thấy các sản phẩm họ đã truy cập trước đây và nhắc họ mua hàng. Điều này sẽ giúp khách hàng của bạn tìm lại họ dễ dàng hơn thay vì tìm đường qua menu điều hướng.
| Cài đặt phần | Cài đặt | Sự miêu tả |
|---|---|---|
| Đã xem gần đây | ||
| Số lượng sản phẩm gần đây | Số lượng sản phẩm bổ sung có thể dao động từ 2 đến 12. | |
| Số cột trên màn hình | Tùy chỉnh số lượng cột hiển thị trên trình duyệt desktop từ 1 cột thành 5 cột | |
| Bật băng chuyền trên máy tính để bàn | Hiển thị băng chuyền các sản phẩm từ bộ sưu tập trên trình duyệt trên máy tính để bàn. | |
| Bố cục di động | ||
| Số cột trên thiết bị di động | Tùy chỉnh số lượng cột hiển thị trên trình duyệt di động: 1 cột hoặc 2 cột . | |
| Bật thao tác vuốt trên thiết bị di động | Đặt hiển thị trên thiết bị di động thành một hàng bằng thao tác vuốt ngang. | |
| Phần mở đầu | ||
| Phần mở đầu | Tiêu đề phần. | |
| Kích thước tiêu đề | Kích thước tiêu đề có thể được đặt thành một trong các tùy chọn sau: Nhỏ , Trung bình , Lớn hoặc Cực lớn . | |
| Căn chỉnh tiêu đề | Tiêu đề có thể được căn chỉnh sang Trái , Giữa hoặc Phải . | |
| Thẻ tiêu đề | Chọn thẻ tiêu đề để cấu trúc và sắp xếp nội dung của bạn cho SEO. | |
| Tiêu đề phụ | Tiêu đề phụ cho tiêu đề được đặt phía trên tiêu đề. | |
| Sự miêu tả | Văn bản mô tả cho tiêu đề được đặt bên dưới tiêu đề. | |
| Văn bản được đánh dấu | ||
| Văn bản được đánh dấu | Chọn một trong 6 tùy chọn sau để định dạng văn bản của bạn:
| |
| Chữ viết nguệch ngoạc được đánh dấu Yêu cầu đặt kiểu văn bản được đánh dấu thành nét vẽ nguệch ngoạc bằng tay. | Cài đặt này cung cấp 5 cách để đánh dấu văn bản:
| |
| Màu sắc | Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
| |
| Phần | ||
| Có thể điều chỉnh phần đệm ở phần đệm trên và đệm dưới từ 0px đến 120px, tăng số học là 4px. | ||
| Hiển thị phần chia | Hiển thị một đường phân chia phía trên phần này.. | |
| Thu hẹp phần | Làm cho thùng chứa bị thu hẹp. | |
| Làm tròn phần | Áp dụng một cạnh tròn cho hai góc trên cùng. | |
| CSS tùy chỉnh | Thêm CSS tùy chỉnh vào phần này. | |
Phần này không hỗ trợ thêm khối.
Chúng tôi hy vọng bài viết này hữu ích. Nếu bạn có bất kỳ câu hỏi hoặc thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ.
