Vùng lớn ở giữa trình thiết kế là bản xem trực tiếp của trang bạn đang chỉnh sửa. Các nút trên thanh trên cùng thay đổi cách bạn nhìn thấy nó.
Máy tính, Di động và Toàn màn hình
Các nút chế độ xem nằm ở đầu thanh trên cùng:
- Máy tính: hiển thị trang giống như trên máy tính.
- Di động: hiển thị trang với chiều rộng của điện thoại. Hãy kiểm tra thường xuyên, vì phần lớn khách mua hàng dùng điện thoại.
- Toàn màn hình: ẩn bảng cài đặt để bản xem trước chiếm toàn bộ chiều rộng. Để thoát, bấm Máy tính hoặc Di động, bấm một tab ở thanh bên trái, hoặc chọn một mục bằng Trình kiểm tra.
Chỉ những nút vừa với cửa sổ của bạn mới được hiển thị. Trên cửa sổ nhỏ, Toàn màn hình hoặc Máy tính có thể biến mất, và nếu chỉ vừa một chế độ xem thì các nút sẽ bị ẩn. Hãy mở rộng cửa sổ để chúng xuất hiện lại. Trình thiết kế ghi nhớ chế độ xem của bạn khi tab trình duyệt vẫn mở. Sau khi tải lại, Toàn màn hình sẽ mở thành Máy tính.
Chế độ Trình kiểm tra
Trình kiểm tra là biểu tượng con trỏ trên thanh trên cùng. Nó được bật sẵn khi bạn mở trình thiết kế.
- Khi chế độ này bật, di chuột trên bản xem trước sẽ viền quanh mục hoặc khối bên dưới con trỏ. Bấm vào sẽ chọn nó và mở cài đặt của nó trong bảng, đồng thời dòng của nó được mở trong tab Các mục.
- Khi chế độ này bật, bản xem trước không phản hồi như cửa hàng thật: liên kết, nút và thanh trượt không hoạt động, vì cú bấm của bạn được dùng để chọn.
- Bấm lại vào biểu tượng để tắt. Lúc này bản xem trước hoạt động như cửa hàng của bạn, nên bạn có thể thử menu, thanh trượt, ngăn kéo giỏ hàng và biểu mẫu.
Trợ lý AI cũng có thể bật hoặc tắt chế độ này giúp bạn. Xem Thao tác của trợ lý AI trong trình thiết kế.
Nút Xem trước
Nút Xem trước (biểu tượng con mắt, cạnh nút Xuất bản) mở trang bạn đang chỉnh sửa trên cửa hàng thật, trong một tab mới.
- Nó hiển thị phiên bản đã xuất bản. Những thay đổi chưa xuất bản chỉ có trong trình thiết kế, vì vậy hãy bấm Xuất bản trước. Xem Xuất bản các thay đổi trong trình thiết kế.
- Ở các trang Sản phẩm, Landing page, Bộ sưu tập và Chính sách, nó mở sản phẩm, bộ sưu tập hoặc chính sách bạn đã chọn trong trình thiết kế. Nó vẫn hoạt động ngay cả khi mục đó chưa được xuất bản, nhưng chỉ bạn mới xem được.
- Nút này bị ẩn ở trang Thanh toán và trang Cảm ơn, vì các trang đó cần một giỏ hàng hoặc đơn hàng thật.
- Nếu tab xem trước đã mở sẵn, hãy tải lại nó sau khi xuất bản để thấy phiên bản mới.
Trình thiết kế sáng hoặc tối
Đổi giao diện sáng/tối (biểu tượng mặt trăng) chuyển chính trình thiết kế giữa chế độ sáng và tối. Nó không thay đổi cửa hàng của bạn.
Trên điện thoại hoặc máy tính bảng
Trên màn hình hẹp, bảng cài đặt nằm đè lên bản xem trước. Kéo tay nắm của nó xuống để thấy nhiều hơn phần xem trước, kéo lên hoặc chạm vào tay nắm để hiện lại phần cài đặt.
Trước khi xuất bản
- Chuyển sang Di động và cuộn hết trang.
- Kiểm tra chữ có dễ đọc trên từng nền hay không.
- Tắt Trình kiểm tra rồi bấm các nút và liên kết menu để xem chúng dẫn đến đâu.