Tùy chỉnh trang sản phẩm: Phần và Khối

"

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:

  1. Thông tin sản phẩm
  2. Ngăn trợ giúp
  3. Anh hùng video
  4. Ảnh ghép
  5. Hình ảnh có văn bản
  6. Cuộn văn bản
  7. Thông tin chi tiết sản phẩm
  8. Câu hỏi thường gặp
  9. Ứng dụng
  10. Những sảm phẩm tương tự
  11. Đã 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ác cài đặt của phần Thông tin 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

Tìm hiểu thêm về các loại 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:
  • Cuộn tự do - Hiển thị hình ảnh đầu tiên của sản phẩm ở bên trái và các hình ảnh khác trong danh sách cuộn ở bên phải.
  • 2 cột - Hiển thị hình ảnh sản phẩm theo 2 cột.
  • Hình thu nhỏ - Hiển thị hình ảnh nhỏ của hình ảnh lớn để giúp tìm thấy một hình ảnh cụ thể trong một nhóm hình ảnh lớn dễ dàng hơn.
Thu phóng hình ảnh 3 lựa chọn có sẵn:
  • Mở hộp đèn: Phóng to hình ảnh trong hộp đèn bật lên mà không cần rời khỏi trang.
  • Nhấp và di chuột: Một cú nhấp chuột hoặc di chuột sẽ kích hoạt thu phóng hình ảnh bên trong.
  • Không thu phóng.

Ẩ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:
  • chiều rộng 75%
  • Chiều rộng đầy đủ
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đệ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:
  • Nhỏ
  • Trung bình
  • Lớn Cực
  • lớn

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 đề:
  • Nhỏ
  • Trung bình
  • Lớn
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:
  • Giọng 1
  • Giọng 2
  • Giọng 3
  • Giọng 4
  • Giọng 5
  • Giọng 6

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ác cài đặt của phần Ngăn kéo trợ giúp
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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc

3. Anh hùng video

.

Các cài đặt cho phần Video hero
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:
  • Nhỏ
  • Trung bình
  • Lớ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:
  • Tự động - Trình duyệt sẽ quyết định dựa trên giá trị trên màn hình.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • Toàn màn hình
  • - Mở rộng hình ảnh theo chiều cao của cửa sổ trình duyệt.
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Lớp phủ
  • Độ mờ của lớp phủ , có thể được điều chỉnh từ 0% đến 100%.
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch chân
  • Viết nguệch ngoạc gạch dưới 2

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ác cài đặt cho phần Ghép ảnh
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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch chân
  • Viết nguệch ngoạc gạch chân 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • "
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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:
  • Thích ứng với hình ảnh (mặc định) - Sử dụng tỷ lệ khung hình của hình ảnh. Điều này ngăn hình ảnh bị cắt.
  • Hình vuông - Cắt hình ảnh theo tỷ lệ 1:1.
  • Chân dung - Cắt hình ảnh theo tỷ lệ 2:3.
  • Phong cảnh - Cắt hình ảnh theo tỷ lệ 3:2.
  • Rộng - Cắt hình ảnh thành tỷ lệ 16:9.
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:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
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:
  • Left
  • Center
  • Right
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:
  • Thích ứng với hình ảnh (mặc định) - Sử dụng tỷ lệ khung hình của hình ảnh. Điều này ngăn hình ảnh bị cắt.
  • Hình vuông - Cắt hình ảnh theo tỷ lệ 1:1.
  • Chân dung - Cắt hình ảnh theo tỷ lệ 2:3.
  • Phong cảnh - Cắt hình ảnh theo tỷ lệ 3:2.
  • Rộng - Cắt hình ảnh thành tỷ lệ 16:9.
  • Làm tròn - Cắt hình ảnh thành hình tròn
Vị trí nội dung di động Vị trí của nội dung trên trình duyệt di động:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
Căn chỉnh nội dung di động Căn chỉnh nội dung trên trình duyệt di động:
  • Left
  • Center
  • Right
Văn bản được đánh dấu

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch chân 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Lớp phủ
  • Độ mờ của lớp phủ , có thể được điều chỉnh từ 0% đến 100%.

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:
  • Thích ứng với hình ảnh (mặc định) - Sử dụng tỷ lệ khung hình của hình ảnh. Điều này ngăn hình ảnh bị cắt.
  • Hình vuông - Cắt hình ảnh theo tỷ lệ 1:1.
  • Chân dung - Cắt hình ảnh theo tỷ lệ 2:3.
  • Phong cảnh - Cắt hình ảnh theo tỷ lệ 3:2.
  • Rộng - Cắt hình ảnh thành tỷ lệ 16:9.
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:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
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:
  • Left
  • Center
  • Right
Bố cục di động

Các cài đặt này điều chỉnh nội dung cho phù hợp với nhiều màn hình khác nhau.

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:
  • Thích ứng với hình ảnh (mặc định) - Sử dụng tỷ lệ khung hình của hình ảnh. Điều này ngăn hình ảnh bị cắt.
  • Hình vuông - Cắt hình ảnh theo tỷ lệ 1:1.
  • Chân dung - Cắt hình ảnh theo tỷ lệ 2:3.
  • Phong cảnh - Cắt hình ảnh theo tỷ lệ 3:2.
  • Rộng - Cắt hình ảnh thành tỷ lệ 16:9.
Vị trí nội dung di động Đặt vị trí của nội dung trên trình duyệt di động:
  • Trên cùng bên trái
  • Giữa bên trái
  • Dưới cùng bên trái
  • Top Trung tâm
  • Giữa Trung tâm
  • Dưới cùng Trung tâm
  • Trên cùng
  • bên phải Giữa
  • bên phải
  • Dưới cùng bên phải
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:
  • Left
  • Center
  • Right
Văn bản được đánh dấu

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần đặt nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch chân
  • Viết nguệch ngoạc gạch chân 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Lớp phủ
  • Độ mờ của lớp phủ , có thể được điều chỉnh từ 0% đến 100%.

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ác cài đặt cho phần Hình ảnh có văn bản
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:
  • Thích ứng với hình ảnh - Giữ nguyên tỷ lệ khung hình gốc của hình ảnh.
  • 400px - 400px.
  • 450px - 450px.
  • 550px - 550px.
  • 650px - 650px.
  • 750px - 750px
  • Toàn màn hình
  • - Mở rộng hình ảnh để điều chỉnh chiều cao của trình duyệt cửa sổ.
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:
  • Hình ảnh đầu tiên: Hiển thị hình ảnh bên trái.
  • Hình ảnh thứ hai: Hiển thị văn bản bên trái.
Hình ảnh đầu tiên là bố cục mặc định trên thiết bị di động
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:
  • Left
  • Center
  • Right
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:
  • Tự động - Trình duyệt sẽ quyết định dựa trên giá trị trên màn hình.
  • 200px - 200px.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • Toàn màn hình - Mở rộng hình ảnh theo chiều cao của cửa sổ trình duyệt.
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:
  • Left
  • Center
  • Right
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2

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:
  • Nhỏ
  • Trung bình
  • Lớn
  • Cực
  • lớn
  • Tùy chỉnh.
  • 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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần đặt nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch chân
  • Viết nguệch ngoạc gạch dưới 2

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:
  • Toàn bộ chiều rộng: Hình ảnh lấp đầy toàn bộ cửa sổ trình duyệt.
  • Tùy chỉnh: Đặt chiều rộng hình ảnh trong khoảng từ 20px đến 1000px với mức tăng 10px.

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ác cài đặt cho phần Văn bản cuộn
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:
  • Trái: cuộn từ phải sang trái
  • Phải: cuộn từ trái sang phải
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

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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ác cài đặt của phần Chi tiết 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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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 cho phần 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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2

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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2

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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2

9. Ứng dụng

Cài đặt cho phần Ứ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

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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.

Cài đặt cho phần 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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần đặt nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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 cho phần Đã xem gần đây
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

Để thêm điểm nhấn sinh động vào văn bản, chỉ cần bao bọc nó bằng chữ in nghiêng . Nhấp vào nút "I" trong trình chỉnh sửa để chuyển đổi chữ nghiêng khi đánh dấu văn bản.

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:
  • Văn bản màu
  • Màu nền văn bản
  • Gạch chân ưa thích
  • Gạch chân thường xuyên
  • Văn bản stencil
  • Chữ viết nguệch ngoạc bằng tay
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:
  • Vòng tròn
  • Gạch chân cơ bản
  • Phác thảo gạch chân
  • Viết nguệch ngoạc gạch dưới
  • Viết nguệch ngoạc gạch dưới 2
Màu sắc

Chuyển màu thay thế các màu đồng nhất khi được đặt.

Bạn có thể tùy ý tùy chỉnh màu sắc của phần, bao gồm:
  • Chữ
  • Lý lịch
  • Độ dốc nền
  • Điểm nổi bật
  • Làm nổi bật độ dốc
  • Nút văn bản
  • Nền nút
  • Độ dốc nền của nút
Phần
Có thể điều chỉnh phần đệm ở phần đệm trênđệ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ợ.