Chuyển đến nội dung
Trợ giúp
Phần và khối trong trình thiết kế

Làm sao để thiết lập mục Thông tin sản phẩm trên trang sản phẩm (ảnh, tên, mô tả, nút cố định)?

Thiết lập mục Thông tin sản phẩm của trang sản phẩm: thư viện ảnh và video (lưới hoặc băng chuyền, ảnh thu nhỏ, phóng to, thư viện cố định khi cuộn), các khối tên và mô tả sản phẩm, đường phân cách, các cột bằng nhau và nút hoặc thanh mua hàng cố định.

4 phút đọc

Mục Thông tin sản phẩm là phần chính của trang sản phẩm. Nó hiển thị ảnh sản phẩm ở một bên và thông tin chi tiết (tên, mô tả và biểu mẫu đặt hàng) ở bên kia. Mục này là bắt buộc trên trang sản phẩm, nên bạn có thể tạo kiểu nhưng không thể xóa nó.

Tìm nó ở đâu

  1. Mở trình thiết kế và chọn Trang sản phẩm trong tab Trang.
  2. Chọn một sản phẩm để xem trước. Việc này chỉ thay đổi những gì bản xem trước hiển thị: thiết kế của bạn áp dụng cho mọi sản phẩm cùng lúc.
  3. Bấm vào Thông tin sản phẩm trong bản xem trước hoặc trong tab Các mục.

Mục có hai phần cố định, Phương tiện và Chi tiết. Bạn không thể xóa hoặc di chuyển chúng, chỉ có thể thiết lập. Trên điện thoại, chúng xếp chồng: ảnh trước, rồi đến chi tiết.

Cài đặt của mục

  • Chiều rộng mục: Trang giữ nội dung theo chiều rộng trang, Toàn bộ trải từ mép này đến mép kia.
  • Các cột bằng nhau: khi bật, ảnh và chi tiết mỗi bên chiếm một nửa chiều rộng. Khi tắt, mỗi cột chiếm khoảng trống nó cần.
  • Phối màu, Khoảng cách (khoảng trống giữa hai cột), khoảng đệm và CSS tùy chỉnh.

Phương tiện: thư viện ảnh

Hiển thị ảnh và video bạn đã thêm cho sản phẩm.

  • Chế độ: Băng chuyền (mỗi lần một ảnh) hoặc Lưới (tất cả ảnh cùng lúc).
  • Cố định khi cuộn: Tắt, Máy tính, Di động hoặc Cả hai. Thư viện cố định sẽ nằm trong tầm nhìn khi khách cuộn phần chi tiết.
  • Lưới: Cột (1 hoặc 2), Khoảng cách và Ảnh đầu tiên toàn chiều rộng (ảnh đầu tiên trải dài cả hai cột).
  • Băng chuyền: Biểu tượng điều hướng (Mũi tên, Dấu mũi nhọn hoặc Không có), Nền biểu tượng, Phân trang trên máy tính (Dấu chấm, Bộ đếm, Ảnh thu nhỏ) và Phân trang trên di động (Dấu chấm, Bộ đếm, Gợi ý, Ảnh thu nhỏ). Gợi ý hé lộ một phần ảnh tiếp theo.
  • Ảnh thu nhỏ: khi có ảnh thu nhỏ trên máy tính, đặt Vị trí trên máy tính (Trái, Dưới, Phải) và Kích thước trên máy tính. Trên điện thoại, chúng luôn nằm bên dưới ảnh.
  • Tỷ lệ khung hình: Tự động giữ hình dạng gốc của từng ảnh. Với Dọc, Vuông hoặc Ngang, Cách hiển thị hình ảnh chọn Phủ kín (lấp đầy và cắt) hoặc Vừa khít (hiển thị toàn bộ ảnh).
  • Bật phóng to: khách bấm hoặc chạm vào ảnh để xem toàn màn hình.

Chi tiết: các khối cạnh ảnh

Chi tiết có Khoảng cách và Cố định khi cuộn trên máy tính (cột vẫn nằm trong tầm nhìn khi khách cuộn qua các ảnh). Chọn nó và bấm Thêm khối mới để thêm khối, rồi kéo chúng theo thứ tự bất kỳ.

Biểu mẫu và Mô tả là bắt buộc: bạn có thể di chuyển nhưng không thể xóa chúng.

Nút cố định

Luôn giữ một cách để mua hàng trên màn hình khi khách cuộn ra khỏi biểu mẫu đặt hàng. Nó sẽ ẩn lại khi có bất kỳ biểu mẫu nào đang hiển thị. Chế độ:

  • Không có: không có phần tử cố định.
  • Thanh: một thanh ở dưới cùng với giá, số lượng và nút mua.
  • Nút: một nút nổi cuộn đến biểu mẫu. Đặt Nhãn (để trống sẽ dùng chữ của nút mua), Kiểu (Chính hoặc Phụ), Vị trí (Đầu, Giữa, Cuối) và Hiệu ứng (Nhịp đập, Tim đập, Rung lắc, Nảy, Phát sáng, Gợn sóng, Lắc lư hoặc Không có).
  • Hình ảnh: một ảnh nổi do bạn chọn, cuộn đến biểu mẫu, với Vị trí và Hiệu ứng.

Trong trình thiết kế, phần tử cố định hiển thị khi mục đang được chọn, để bạn có thể tạo kiểu cho nó.

Vẫn cần trợ giúp?

Hãy nhắn cho chúng tôi, chúng tôi sẽ trả lời bạn.

Liên hệ