Mẹo cho chủ đề Brooklyn

Bài viết này đưa ra một số gợi ý hữu ích và thông lệ tốt nhất có thể giúp bạn thiết lập Brooklyn cho cửa hàng trực tuyến.

Mẹo cho menu điều hướng

Thêm menu thả xuống

Để thêm menu thả xuống vào menu chính, bạn cần tạo menu trên trang Navigation (Điều hướng). Để tìm hiểu thêm, xem Thiết lập menu thả xuống trong cửa hàng trực tuyến.

Menu chính trên cửa hàng trực tuyến. Di chuột qua liên kết

Nếu menu chính của bạn chiếm nhiều không gian, menu chính sẽ chuyển thành menu thanh bên và mở ra khi nhấp vào nút trong mục đầu trang:

Menu thanh bên ở bên phải cửa hàng trực tuyến. Các liên kết trên menu chính như

Bạn có thể ngăn menu chính thay đổi thành kiểu thanh bên bằng các bước sau:

  • Không thêm quá bốn hoặc năm liên kết vào menu chính.
  • Sử dụng phông chữ hẹp cho liên kết trong menu chính. Bạn có thể thay đổi phông chữ Chữ nổi bật từ cài đặt kiểu chữ.
  • Tạo mục menu với số lượng ký tự giới hạn. Ví dụ: bạn có thể sử dụng "FAQ" thay cho "Câu hỏi thường gặp" hoặc "Liên hệ" thay cho "Liên hệ với chúng tôi".

Mẹo hình ảnh

Loại hình ảnh sản phẩm tốt nhất cho chủ đề Brooklyn

  • Vì hình ảnh có độ phân giải cao trông trau chuốt và chuyên nghiệp, hình ảnh sản phẩm tối thiểu nên có độ phân giải 1024 x 1024 px. Hình dạng phù hợp nhất cho hình ảnh sản phẩm là hình vuông.

  • Trong trường hợp lý tưởng, hình ảnh của bạn nên có nền màu phẳng. Màu phẳng là màu đồng nhất không đổ bóng hay tô sáng. Tất cả hình ảnh nên có cùng màu nền.

  • Để loại bỏ khung xung quanh hình ảnh sản phẩm, đặt màu Nền sản phẩm thành trong suốt trong phần color settings (Cài đặt màu).

Kích cỡ phù hợp nhất cho hình ảnh bản trình chiếu

Cả hai trang chiếu hình ảnh được hiển thị trong cửa hàng demo chủ đề Brooklyn có độ phân giải 1200 x 800 px. Bạn nên đảm bảo tất cả trang chiếu hình ảnh có cùng kích cỡ.

Cắt ảnh trên màn hình nhỏ

Trên thiết bị nhỏ, trang chiếu hình ảnh lấp đầy màn hình từ cạnh trên xuống cạnh dưới. Các trang chiếu được thay đổi kích cỡ để chiều cao bằng với chiều cao màn hình thiết bị. Để lấp đầy màn hình mà không làm méo ảnh, trang chiếu được cắt ở bên trái và phải.

Trên màn hình lớn, trang chiếu hình ảnh được thay đổi kích cỡ để chiều rộng vừa với chiều rộng của cửa sổ trình duyệt. Để lấp đầy cửa sổ mà không làm méo ảnh, trang chiếu được cắt ở bên dưới.

Ví dụ sau đây minh họa phiên bản máy tính để bàn và phiên bản di động của cùng một cửa hàng trực tuyến:

Phiên bản máy tính để bàn của bản trình chiếu hiển thị hình ảnh có chiều ngang lớn hơn chiều cao. Phiên bản di động hiển thị cùng hình ảnh với cùng chiều cao nhưng cả hai kích cỡ của hình ảnh đều bị cắt sao cho hình ảnh vừa với màn hình hẹp.

Cài đặt hình ảnh cho bài viết blog

Hình ảnh đầu tiên trong bài viết blog được sử dụng như hình ảnh nổi bật cho trang blog. Bạn có thể tìm hiểu về cách thêm hình ảnh vào bài viết blog trong Viết bài viết blog.

Mẹo sản phẩm

Thêm huy hiệu giảm giá cho sản phẩm

Bạn có thể thêm huy hiệu giảm giá cho sản phẩm bằng cách đặt giá gốc cao hơn giá thông thường. Huy hiệu xuất hiện trên hình ảnh của sản phẩm đó trong trang bộ sưu tập.

Cài đặt sản phẩm xuất hiện lớn hơn trên trang bộ sưu tập

Nếu bạn cài đặt trang bộ sưu tập để hiển thị sản phẩm theo kiểu ghép, một số sản phẩm sẽ hiển thị với ảnh lớn còn một số sẽ hiển thị với ảnh nhỏ. Kích cỡ hình ảnh được dựa trên thứ tự của sản phẩm trong bộ sưu tập. Bạn có thể thay đổi thứ tự sản phẩm trên Trang bộ sưu tập trong trang quản trị. Nhấp vào bộ sưu tập bạn muốn chỉnh sửa, sau đó, trong khu vực Sản phẩm, chọn Manually (Thủ công) từ menu thả xuống Sort (Sắp xếp). Tiếp theo, kéo và thả sản phẩm theo thứ tự bạn muốn sản phẩm xuất hiện trên cửa hàng trực tuyến.

Với mỗi bộ sáu sản phẩm, sản phẩm đầu tiên và sản phẩm cuối cùng sẽ có hình ảnh sản phẩm lớn. Ví dụ, hình ảnh đầu tiên, thứ sáu, thứ bảy, 12, 13 và 18 trong bộ sưu tập sẽ có hình ảnh lớn:

Trang bộ sưu tập hiển thị sản phẩm theo kiểu ghép. Con số hiển thị trên sản phẩm để minh họa sự liên quan giữa thứ tự sản phẩm với kích cỡ hình ảnh.

Để hiển thị lưới gồm các hình ảnh sản phẩm có cùng kích cỡ, cài đặt bộ sưu tập để hiển thị sản phẩm theo kiểu lưới.

Hiệu ứng di chuyển khi cuộn trang khi chọn một mẫu mã

Trên trang sản phẩm, nếu mô tả sản phẩm đủ ngắn để vừa với màn hình mà không cần cuộn trang, bạn sẽ thấy hiệu ứng di chuyển khi cuộn trang khi chọn mẫu mã có một hình ảnh. Nếu mô tả quá dài, không vừa với màn hình và cần cuộn xuống, hình ảnh trên cùng sẽ được thay thế luôn bằng hình ảnh mẫu mã và không xảy ra hiệu ứng di chuyển khi cuộn trang.

Nếu muốn xuất hiện hiệu ứng di chuyển khi cuộn trang, đảm bảo mô tả sản phẩm phải ngắn gọn.

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí