Phần và khối trong trình thiết kế

38 bài viết

Mục và khối: làm sao để thêm, sắp xếp lại, và mỗi trang có thể có những mục nào? Sự khác nhau giữa mục và khối trong trình thiết kế cửa hàng, cách thêm và sắp xếp lại chúng, mỗi trang có những mục nào, mục nào là bắt buộc và mỗi trang có thể có bao nhiêu mục của từng loại.
Làm sao để thiết lập đầu trang, chân trang và thanh thông báo (các mục chung)? Tổng quan các mục thường xuất hiện trên mọi trang: đầu trang, chân trang và thanh thông báo, cùng biểu tượng mạng xã hội, bản tin và về đầu trang. Cách mỗi trang giữ bản riêng và cách sao chép một mục sang mọi trang.
Làm sao để thiết lập đầu trang của cửa hàng (logo, menu, tìm kiếm, giỏ hàng, đầu trang cố định và trong suốt)? Thiết lập mục Đầu trang: kích thước và vị trí logo, kiểu menu (mega, danh sách thả xuống, ngăn kéo) và thanh điều hướng trên di động, biểu tượng tìm kiếm, giỏ hàng dạng ngăn kéo hoặc thả xuống, bộ chọn quốc gia có cờ, đầu trang cố định khi cuộn và đầu trang trong suốt trên phần mở đầu.
Làm sao để thêm thanh thông báo với các thông điệp xoay vòng hoặc chạy chữ? Thêm thanh thông báo cho khuyến mãi, miễn phí giao hàng hoặc thông báo: thêm tối đa 7 thông điệp, chọn Thanh trượt (từng thông điệp một) hoặc Chữ chạy (một dòng cuộn liên tục), đặt thời gian giữa các thông điệp, ký tự phân cách, hướng, cỡ chữ, chiều rộng, màu và khoảng đệm.
Làm sao để thiết lập chân trang của cửa hàng (về chúng tôi, menu, biểu tượng mạng xã hội, biểu tượng thanh toán, liên kết chính sách, bản quyền)? Thiết lập mục Chân trang và các khối của nó: về chúng tôi với logo và thông tin liên hệ, menu chân trang, biểu tượng mạng xã hội, biểu tượng thanh toán, liên kết chính sách, bản quyền kèm Cung cấp bởi, văn bản, đường phân cách và nhóm để tạo cột.
Tôi có thể thêm những mục nào vào trang chủ (phần mở đầu, sản phẩm nổi bật, trình chiếu, chỉ số, bộ sưu tập)? Tổng quan các mục của trang chủ trong trình thiết kế: banner Phần mở đầu, Trình chiếu, Sản phẩm nổi bật, Bộ sưu tập, Chỉ số (con số chuyển động) và Lợi ích, cùng thẻ sản phẩm và thẻ bộ sưu tập, kèm liên kết đến hướng dẫn đầy đủ cho từng mục.
Làm sao để thiết lập banner Phần mở đầu trên trang chủ? Thiết lập banner Phần mở đầu trên trang chủ: một hoặc hai ảnh hay video, chiều cao (nhỏ, toàn màn hình, theo ảnh, tùy chỉnh), chữ và nút đặt phía trên, vị trí và căn chỉnh, lớp phủ màu giúp chữ dễ đọc, và vì sao video ở phần mở đầu có thể không phát.
Làm sao để thêm trình chiếu có nhiều slide vào trang chủ? Thêm Trình chiếu (băng chuyền, thanh trượt ảnh) vào trang chủ: thêm tối đa 7 slide với ảnh hoặc video, chữ và nút trên từng slide, chế độ Khung, Thụt vào hoặc Lớp phủ, chiều cao phương tiện, tốc độ tự động chuyển, mũi tên, dấu chấm, bộ đếm và nút tạm dừng.
Làm sao để hiển thị sản phẩm nổi bật (bán chạy, mới nhất, đang giảm giá) trên trang chủ? Hiển thị lưới hoặc băng chuyền sản phẩm trên trang chủ bằng mục Sản phẩm nổi bật: sản phẩm mới nhất, cũ nhất, bán chạy nhất, đang giảm giá hoặc được đánh giá cao nhất, giới hạn trong một bộ sưu tập, đặt số lượng sản phẩm, số cột, nút xem thêm và băng chuyền trên di động.
Làm sao để hiển thị bộ sưu tập trên trang chủ hoặc trang các bộ sưu tập? Hiển thị bộ sưu tập (danh mục) dưới dạng thẻ bằng mục Bộ sưu tập trên trang chủ hoặc trang tất cả bộ sưu tập: thứ tự tùy chỉnh, mới nhất, bán chạy nhất, đánh giá cao nhất hoặc theo bảng chữ cái, bố cục lưới, băng chuyền hoặc bento, số lượng bộ sưu tập và liên kết bộ sưu tập con.
Làm sao để hiển thị bộ sưu tập con trên trang bộ sưu tập? Hiển thị các bộ sưu tập con (danh mục con) của bộ sưu tập đang xem bằng mục Bộ sưu tập con trên trang bộ sưu tập: thứ tự, số lượng bộ sưu tập, bố cục lưới, băng chuyền hoặc bento, thẻ, và vì sao mục không hiển thị ở một số bộ sưu tập.
Làm sao để thêm các thẻ lợi ích như miễn phí giao hàng hoặc thanh toán an toàn? Thêm mục Lợi ích vào trang chủ: thẻ tạo niềm tin có biểu tượng hoặc ảnh riêng, tiêu đề và đoạn chữ ngắn, cho cam kết như miễn phí giao hàng, thanh toán khi nhận hàng, thanh toán an toàn, đổi trả dễ dàng. Cột, kiểu thẻ, đơn giản hoặc đường phân cách, cỡ biểu tượng, đường nhấn và hiệu ứng rê chuột.
Làm sao để hiển thị số liệu và chỉ số có hiệu ứng đếm (mục Chỉ số)? Hiển thị các con số quan trọng như khách hàng hài lòng, đơn hàng đã giao hoặc số năm kinh doanh bằng mục Chỉ số: con số đếm tăng dần khi khách cuộn đến, tiền tố và hậu tố (+, %, K), nhãn phía trên hoặc phía dưới, số mục mỗi hàng, cỡ chữ, chữ đậm và đường phân cách.
Làm sao để thêm mục Câu hỏi thường gặp với câu hỏi và câu trả lời? Thêm mục Câu hỏi thường gặp (FAQ) vào các trang của bạn: câu hỏi mở ra khi được bấm, chế độ accordion hoặc độc lập, mở sẵn, kiểu đường phân cách, thẻ hoặc đơn giản, tiêu đề bên cạnh hoặc phía trên câu hỏi, và dữ liệu FAQ cho công cụ tìm kiếm.
Làm sao để thêm thanh trượt so sánh ảnh trước và sau? Thêm mục Trước và sau (thanh trượt so sánh ảnh) vào các trang của bạn: chọn ảnh trước và ảnh sau, nhãn, cạnh nhau hoặc trên dưới, tỷ lệ, vị trí đường phân cách, gợi ý khi xuất hiện trên màn hình, di theo chuột trên máy tính và tiêu đề bên cạnh hoặc phía trên.
Trang sản phẩm và landing page có những mục nào (thông tin sản phẩm, đánh giá, sản phẩm liên quan)? Tổng quan các mục của trang sản phẩm và landing page: Thông tin sản phẩm (thư viện ảnh, tên, mô tả, biểu mẫu đặt hàng, nút cố định), Thông tin landing page, biểu mẫu đặt hàng, Đánh giá, Sản phẩm liên quan và các khối bổ sung của trang sản phẩm, kèm liên kết đến từng hướng dẫn chi tiết.
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.
Làm sao để thiết lập mục Thông tin landing page và biểu mẫu đặt hàng (nút, đếm ngược, WhatsApp)? Thiết lập mục Thông tin landing page và biểu mẫu đặt hàng dùng trên trang sản phẩm và landing page: biểu mẫu cùng dòng hoặc bật lên, chỗ giữ {{form}}, huy hiệu tiết kiệm, đếm ngược, chữ quà tặng, tóm tắt đơn hàng, nút thêm vào giỏ hàng và mua ngay, và nút đặt hàng qua WhatsApp.
Làm sao để thêm tab thu gọn, ngày giao hàng, bảng size, huy hiệu hoặc ảnh trước và sau vào trang sản phẩm? Các khối của trang sản phẩm trong trình thiết kế: tab thu gọn (accordion) cho thông tin vận chuyển và đổi trả, tiến trình ngày giao hàng dự kiến có giờ chốt đơn, bảng size dạng cửa sổ bật lên, huy hiệu tạo niềm tin và thanh trượt so sánh ảnh trước và sau.
Làm sao để hiển thị đánh giá của khách hàng trên trang sản phẩm (mục Đánh giá)? Thiết lập mục Đánh giá trên trang sản phẩm và landing page: tóm tắt điểm đánh giá và phân bố sao, nút và biểu mẫu Viết đánh giá, thẻ đánh giá có phóng to ảnh, lưới hoặc băng chuyền, số đánh giá mỗi trang, sắp xếp, và những gì hiển thị khi chưa có đánh giá.
Làm sao để hiển thị sản phẩm liên quan trên trang sản phẩm? Thêm mục Sản phẩm liên quan vào trang sản phẩm và landing page: chọn nguồn (mới nhất, bán chạy nhất, đang giảm giá, đánh giá cao nhất, cùng bộ sưu tập hoặc sản phẩm bạn chọn cho từng sản phẩm), đặt số lượng, lưới hoặc băng chuyền, số cột và thẻ sản phẩm.
Làm sao để thay đổi giao diện của thẻ sản phẩm và thẻ bộ sưu tập? Thay đổi thẻ sản phẩm (tỷ lệ ảnh, tên, giá và huy hiệu tiết kiệm, điểm sao, nút mua: thêm vào giỏ hàng, mua ngay hoặc xem sản phẩm, mẫu biến thể) và thẻ bộ sưu tập (kiểu tiêu chuẩn hoặc lớp phủ, ảnh, tên, số lượng sản phẩm, nút) dùng trong lưới sản phẩm và bộ sưu tập.
Tôi có thể thêm những mục nào vào mọi trang, và trang giỏ hàng, thanh toán, liên hệ có gì? Tổng quan các mục có thể thêm vào mọi trang (văn bản, hình ảnh, đường phân cách, biểu tượng mạng xã hội, bản tin, mã tùy chỉnh) và mục chính của các trang bộ sưu tập, tìm kiếm, giỏ hàng, thanh toán, cảm ơn, liên hệ, chính sách và 404, kèm liên kết đến từng hướng dẫn chi tiết.
Làm sao để tùy chỉnh trang giỏ hàng và trang thanh toán? Tùy chỉnh mục Giỏ hàng của trang giỏ hàng (tỷ lệ ảnh, kích thước ảnh, mật độ, thanh miễn phí vận chuyển, giỏ hàng trống) và mục Thanh toán của trang thanh toán (biểu mẫu đặt hàng, lựa chọn vận chuyển và thanh toán, tóm tắt đơn hàng), và biết khi nào khách thấy từng trang.
Làm sao để tùy chỉnh trang cảm ơn (xác nhận đơn hàng) sau khi đặt hàng? Tùy chỉnh trang cảm ơn mà khách thấy sau khi đặt hàng: mục Xác nhận đơn hàng, tóm tắt đơn hàng, thông tin đơn hàng (mã hoặc số đơn, ngày, phương thức thanh toán và vận chuyển), thông tin khách hàng, lời cảm ơn của riêng bạn với {{first_name}} và các biến khác, nút và hình ảnh.
Làm sao để thiết lập trang liên hệ và biểu mẫu liên hệ? Thiết lập mục Liên hệ của trang liên hệ: email nhận tin nhắn, các trường của biểu mẫu liên hệ (tên, email, chủ đề, tin nhắn), thông báo thành công, captcha chống thư rác, chữ và kiểu nút, bố cục, và vì sao tin nhắn có thể không đến.
Làm sao để tùy chỉnh trang kết quả tìm kiếm? Tùy chỉnh trang tìm kiếm hiển thị kết quả khi khách tìm trong cửa hàng: mục Tìm kiếm sản phẩm, số cột, số cột trên di động, thẻ sản phẩm, chữ phía trên kết quả, cách sản phẩm được tìm thấy và nút xem thêm.
Làm sao để tùy chỉnh lưới sản phẩm của trang bộ sưu tập (Sản phẩm trong bộ sưu tập)? Tùy chỉnh trang bộ sưu tập: lưới Sản phẩm trong bộ sưu tập, số cột, số cột trên di động, khoảng cách, thẻ sản phẩm, tiêu đề với {{collection_name}}, {{collection_description}} và {{products_count}}, bộ sưu tập con, thứ tự sản phẩm và nút xem thêm.
Làm sao để thay đổi giao diện các trang chính sách (mục Chính sách)? Tạo kiểu cho trang chính sách hiển thị chính sách quyền riêng tư, điều khoản dịch vụ, chính sách hoàn tiền, vận chuyển và cookie: mục Chính sách, thời gian đọc, chiều rộng, màu, khoảng đệm, CSS tùy chỉnh và nơi sửa nội dung chính sách.
Làm sao để tùy chỉnh trang 404 (không tìm thấy trang)? Tùy chỉnh trang 404 mà khách thấy khi một liên kết không tồn tại: mục 404, chữ, nút, đường phân cách và nhóm, nút Về trang chủ mặc định, chiều rộng, màu và khoảng đệm.
Làm sao để thêm biểu tượng mạng xã hội vào cửa hàng (Instagram, TikTok, Facebook, WhatsApp)? Thêm mục Biểu tượng mạng xã hội: liên kết Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp và Telegram, chọn kiểu biểu tượng hoặc kiểu ứng dụng, cùng dòng hoặc cố định ở mép màn hình, hình dạng, kích thước, màu và hiệu ứng khi rê chuột.
Làm sao để thêm biểu mẫu đăng ký nhận bản tin vào cửa hàng? Thêm mục Bản tin để thu thập người đăng ký email: biểu mẫu cùng dòng hoặc cửa sổ cố định ở góc, tiêu đề, thông báo thành công, ô email có nhãn, văn bản gợi ý và câu về quyền riêng tư, nút mũi tên hoặc chữ, nút tích hợp, nhóm, màu và nơi lưu người đăng ký.
Làm sao để dùng các mục và khối Văn bản, Hình ảnh và Đường phân cách? Cài đặt của các mục và khối Văn bản, Hình ảnh và Đường phân cách: trình soạn thảo văn bản, tiêu đề dựng sẵn, cỡ chữ, chiều cao dòng, khoảng cách chữ, chiều rộng và căn chỉnh, chiều rộng ảnh, tỷ lệ, cách hiển thị, bo góc và liên kết, độ dày, độ dài và căn chỉnh của đường phân cách, màu và khoảng đệm.
Khối Nhóm, Văn bản, Nút và Đường phân cách: các cài đặt thành phần bố cục hoạt động thế nào? Tổng quan các khối Nhóm, Văn bản, Nút và Đường phân cách dùng khắp trình thiết kế, với đầy đủ cài đặt của Nút: nhãn, loại liên kết (URL, email, điện thoại, neo), kiểu, chiều rộng trên máy tính và di động. Kèm liên kết đến hướng dẫn về Nhóm và Văn bản, hình ảnh, đường phân cách.
Làm sao để dùng khối Nhóm để đặt nội dung cạnh nhau hoặc theo cột? Cách khối Nhóm hoạt động: đặt các khối cạnh nhau hoặc xếp chồng, lồng nhóm, hướng, xếp dọc trên di động, vị trí và căn chỉnh, cách đều, chiều rộng lấp đầy, vừa khung hoặc tùy chỉnh, khoảng cách, bảng màu, viền, bo góc, lớp phủ nền và khoảng đệm.
Làm sao để thêm ảnh trước và sau, sóng chuyển động, hạt chuyển động hoặc nút về đầu trang? Tổng quan các mục bổ sung cho các trang của bạn: thanh trượt so sánh ảnh trước và sau, dải sóng chuyển động, hạt bay (tuyết, bong bóng, ngôi sao) và nút về đầu trang, kèm liên kết đến hướng dẫn đầy đủ cho từng mục.
Làm sao để thêm sóng chuyển động hoặc hạt bay (tuyết, bong bóng, ngôi sao) vào cửa hàng? Thêm mục Sóng chuyển động và Hạt chuyển động: kiểu sóng, chiều cao, số lớp, tốc độ, hướng, lật, chồng lên và gộp với đầu trang, cùng hình dạng hạt (chấm, bong bóng, ngôi sao, tuyết), số lượng, kích thước, tốc độ, hướng, độ mờ và màu sắc.
Làm sao để thêm nút về đầu trang vào cửa hàng? Thêm mục Về đầu trang: một nút mũi tên tròn ở góc dưới, xuất hiện sau khi cuộn và đưa khách trở lại đầu trang. Đặt góc, kích thước, vòng tiến trình cuộn và bảng màu, rồi hiển thị nó trên mọi trang.