Tab Bố cục quy định nội dung cửa hàng có thể rộng đến mức nào trên màn hình lớn. Nó giúp chữ và sản phẩm không bị kéo giãn quá mức trên màn hình rộng.
Tìm nó ở đâu
Mở trình thiết kế, bấm biểu tượng bánh răng và mở tab Bố cục. Phần này có tên Bố cục trang và có một cài đặt: Chiều rộng trang.
Chiều rộng trang
Kéo thanh trượt để chọn chiều rộng tối đa của nội dung, tính bằng pixel. Giá trị từ 900 đến 1400, mỗi bước 100. Mặc định là 1200.
- 900 hoặc 1000: trang hẹp. Các dòng chữ ngắn và dễ đọc. Phù hợp với cửa hàng có ít sản phẩm hoặc nhiều chữ.
- 1100 hoặc 1200: chiều rộng cân đối, hợp với phần lớn cửa hàng.
- 1300 hoặc 1400: trang rộng. Trên màn hình lớn, mỗi hàng chứa được nhiều sản phẩm hơn.
Trình thiết kế giải thích như sau: Đặt chiều rộng tối đa cho màn hình lớn trên máy tính. Còn trên màn hình di động, chiều rộng luôn là 100%. Trên điện thoại hoặc màn hình nhỏ, nội dung luôn dùng toàn bộ chiều rộng màn hình, dù bạn chọn giá trị nào ở đây.
Chiều rộng trang và các mục toàn chiều rộng
Phần lớn các mục có cài đặt Chiều rộng riêng với hai lựa chọn:
- Trang: nội dung của mục nằm trong chiều rộng trang bạn đặt ở tab Bố cục.
- Toàn bộ: mục trải từ mép này đến mép kia của màn hình và bỏ qua chiều rộng trang.
Một cách thiết lập phổ biến là để phần mở đầu hoặc trình chiếu ở trên cùng là Toàn bộ, còn các mục bên dưới là Trang, để hình ảnh trông lớn còn chữ vẫn dễ đọc.
Các việc thường làm
- Cửa hàng trông quá giãn trên màn hình lớn: giảm chiều rộng trang xuống 1100 hoặc 1000.
- Tôi muốn nhiều sản phẩm hơn trên mỗi hàng ở máy tính: tăng chiều rộng trang, rồi kiểm tra số cột trong các mục sản phẩm.
- Một banner cần chạm sát mép màn hình: đặt Chiều rộng của mục đó là Toàn bộ. Bạn không cần đổi chiều rộng trang.
- Bố cục trên điện thoại không thay đổi: đó là điều bình thường. Điện thoại luôn dùng toàn bộ chiều rộng màn hình.
Kiểm tra trong bản xem trước
Chiều rộng trang chỉ thấy được trên màn hình rộng hơn giá trị bạn đã chọn. Hãy dùng chế độ xem trước trên máy tính trong trình thiết kế để thấy sự khác biệt. Xem Chế độ xem trước.
Những gì chiều rộng trang không thay đổi
- Cột: số sản phẩm hoặc thẻ trên một hàng được đặt trong từng mục, không phải ở đây.
- Khoảng cách: khoảng trống phía trên và phía dưới một mục là khoảng đệm của nó, cũng được đặt trong mục.
- Cỡ chữ: được đặt trong từng đoạn chữ, không phải ở đây.
Lưu ý
- Chiều rộng trang thuộc về thị trường bạn đang chỉnh sửa và áp dụng cho mọi trang của thị trường đó.
- Bạn cũng có thể nhờ AI trong trình thiết kế, ví dụ "Đặt chiều rộng trang là 1100". Xem Xây dựng cửa hàng với AI.
- Đổi ý? Hãy hoàn tác thay đổi trong trình thiết kế. Xem Phím tắt, hoàn tác và làm lại.
- Thay đổi có hiệu lực khi bạn bấm Xuất bản.