Mẹo dành cho chủ đề Supply

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 Supply cho cửa hàng trực tuyến.

Mẹo hình ảnh

Hình ảnh sản phẩm

Hình ảnh có độ phân giải cao hơn trông trau chuốt và chuyên nghiệp hơn trong chủ đề Supply, vì vậy, hình ảnh tối thiểu nên rộng 1024 pixel và cao 1024 pixel. Hình ảnh được tự động thu nhỏ khi cần. Hình ảnh có độ phân giải cao hơn đặc biệt quan trọng nếu bạn bật tính năng image zoom (thu phóng hình ảnh) trên trang sản phẩm.

Tỷ lệ chiều rộng trên chiều cao tối ưu cho hình ảnh sản phẩm là hình vuông.

Thu nhỏ bản trình chiếu

Để bản trình chiếu không chiếm nhiều không gian dọc trên trang chủ, bạn nên sử dụng hình ảnh ngang, tức là hình ảnh có chiều rộng lớn hơn chiều cao. Bạn nên tải lên hình ảnh có chiều rộng 1000 px để các trang chiếu không có bất kỳ khoảng trắng nào ở bên trái và bên phải trên màn hình hiển thị lớn hơn. Hình ảnh có chiều rộng nhỏ hơn được đặt tại trung tâm trong bản trình chiếu.

Mẹo đầu trang

Nếu đầu trang quá cao, bạn có thể rút gọn đầu trang bằng cách điều chỉnh logo. Nếu logo quá lớn, bạn có thể giảm kích cỡ bằng cách điều chỉnh chiều rộng tối đa. Logo cũng có thể chứa các pixel vô hình hoặc pixel trắng để thêm vào khoảng trắng phía trên và dưới logo. Bạn có thể sử dụng phần mềm chỉnh sửa hình ảnh như Photoshop để cắt các pixel đó khỏi hình ảnh logo của bạn. Sau khi cắt như vậy, hãy tải lại logo lên. Việc cắt khoảng trắng trong hình ảnh logo của bạn có thể làm giảm đáng kể chiều cao đầu trang.

  1. Bên cạnh Supply, nhấp vào Customize (Tùy chỉnh).
    1. Nhấp vào Đầu trang. 5. Nhập chiều rộng mới vào trường Custom logo width (in pixels) (Chiều rộng logo tùy chỉnh (theo pixel)). Giá trị pixel mặc định là 305. Sử dụng một giá trị pixel nhỏ hơn để giảm kích cỡ của logo và từ đó, chiều cao của đầu trang sẽ giảm. Khi giảm chiều rộng của logo, chiều cao của logo cũng giảm vì logo sẽ được thu nhỏ lại trong khi vẫn duy trì tỷ lệ. 6. Nhấp vào Save (Lưu).

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

Những mẹo dưới đây có thể giúp bạn cải thiện tính năng điều hướng của cửa hàng khi sử dụng chủ đề Supply.

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 Điều hướng.

Những cách hay nhất để đặt menu chính

Nếu menu chính có quá nhiều mục đến mức không thể đặt vừa trong một dòng, các liên kết cuối cùng không vừa sẽ được thêm vào menu thả xuống More (Xem thêm).

Thao tác này không bị hạn chế chặt chẽ về số lượng liên kết trong menu chính, tuy chỉ hỗ trợ năm đến sáu liên kết. Để thêm nhiều liên kết, bạn có thể:

  • Thu nhỏ liên kết điều hướng. Kích cỡ phông chữ của các liên kết này được điều chỉnh bằng Kích cỡ phông chữ trong menu chính trong cài đặt kiểu chữ.
  • Sử dụng ít ký tự hơn trong mỗi liên kết. Ví dụ: Bạn có thể đổi "Câu hỏi thường gặp" thành "FAQ", "Liên hệ chúng tôi" thành "Liên hệ", "Danh mục cửa hàng" thành "Cửa hàng" và tất cả những từ "và" thành "&".

Quá nhiều mục trong phần điều hướng có thể khiến trang của bạn khó sử dụng. Nếu có quá nhiều mục menu, khách hàng có thể bỏ sót những mục quan trọng. Thử hạn chế điều hướng xuống còn năm hoặc sáu mục. Sử dụng menu thả xuống nếu bạn muốn cấp quyền truy cập vào nhiều hơn sáu trang.

Bạn nên tránh thêm liên kết đến từng bộ sưu tập vào menu chính. Thay vào đó, thử liệt kê bộ sưu tập trong menu thả xuống trong liên kết "Cửa hàng" hoặc "Danh mục". Bạn cũng có thể chia nhỏ bộ sưu tập thành các nhóm và mỗi nhóm là một menu thả xuống. Hoặc bạn có thể sử dụng thẻ sản phẩm để tạo danh mục sản phẩm phụ.

Xóa thanh bên

Để xóa thanh bên khỏi cửa hàng, bạn cần thêm một số mã vào hai trong số các tệp chủ đề.

  1. Trong thư mục Sections, chạm vào collection-template.liquid.

  2. Tìm has_sidebar trong tệp. Xóa những dòng mã sau:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. Nhấp vào Save (Lưu).

  2. Trong thư mục Sections, chạm vào collection-list-template.liquid.

  3. Tìm has_sidebar trong tệp. Xóa những dòng mã sau:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. Nhấp vào Save (Lưu).

Mẹo sản phẩm

Những mẹo sau giúp bạn giới thiệu sản phẩm bằng chủ đề Supply.

Sử dụng tính năng lọc nhóm nâng cao

Nếu có nhiều sản phẩm, bạn có thể bật nhóm phụ để hỗ trợ khách hàng phân loại sản phẩm.

  1. Xác định nhóm. Trong hình trên, có các nhóm Thương hiệu, Tiêu cựĐộ phân giải.

  2. Xuất tất cả sản phẩm vào một .csv tệp.

  3. Thêm tên nhóm bạn muốn gắn thẻ vào tất cả thẻ hiện có với định dạng Group_Tag Name. Ví dụ: Một số thẻ sẽ có định dạng Thương hiệu_Canon, Tiêu cự_18 - 55mmĐộ phân giải_12 MP. Bên trái dấu gạch dưới là tên nhóm và bên phải là thẻ dành cho sản phẩm. Có thể thêm khoảng trống vào bên trái hoặc phải của dấu gạch dưới.

  4. Lưu tệp .csv và nhập sản phẩm về lại cửa hàng. Đảm bảo bạn chọn Replace any current products that have the same handle (Thay thế bất kỳ sản phẩm hiện hành nào có cùng mã điều khiển) khi tải lên tệp để tránh tạo sản phẩm trùng lặp.

  5. Bật lọc theo nhóm trên trang bộ sưu tập:

    1. Trong phần Shopify admin (Quản trị viên Shopify), vào mục Cửa hàng trực tuyến > Chủ đề.
    2. Bên cạnh Supply, nhấp vào Customize (Tùy chỉnh).
    3. Trong menu thả xuống ở thanh đầu trang hay menu Templates (Mẫu), chọn Trang bộ sưu tập.
    4. Nhấp vào mục Bộ sưu tập.
    5. Trong phần Sidebar product filters (Bộ lọc sản phẩm ở thanh bên), chọn By group (Theo nhóm).
    6. Nhấp vào Save (Lưu).

Lưu ý: Nếu bạn sử dụng dấu ngoặc đơn, ngoặc kép hoặc ký hiệu & trong thẻ sản phẩm, chức năng lọc theo nhóm sẽ không hoạt động như mong muốn.

Sắp xếp lại các nhóm và thẻ lọc

Các nhóm và các thẻ liệt kê trong đó được sắp xếp theo thứ tự bảng chữ cái. Chuyên gia Shopify có thể giúp bạn tùy chỉnh thứ tự này.

Mẹo định giá

Những mẹo sau đây giúp bạn thiết lập giá khi sử dụng chủ đề Supply.

Tắt tính năng làm tròn doanh số

  1. Ở bên trái, trong mục Assets (Phần tử), mở timber.scss.liquid.

  2. Ở cuối tệp, thêm mã sau:

.sale-tag sup {
   display: inline;
   top: 0;
   font-size: 100%;

   &:before {
    content: '.';
   }
 }
  1. Nhấp vào Save (Lưu).

Mẹo với giỏ hàng

Mẹo sau đây đảm bảo giỏ hàng của cửa hàng hoạt động chính xác khi bạn thêm JavaScript vào chủ đề Supply.

Thay đổi loại giỏ hàng để JavaScript nâng cao có thể hoạt động

Chủ đề Supply không thực thi bất kỳ mã JavaScript nào bạn thêm vào cart.liquid trong giỏ hàng kiểu ngăn kéo hoặc giỏ hàng kiểu bật lên. Javascript sẽ chỉ được thực thi nếu bạn gắn thêm /cart vào URL của cửa hàng. Ví dụ: http://your.store.url/cart.

Nếu muốn thêm bất kỳ tính năng nào sau đây vào trang giỏ hàng, bạn cần cài đặt loại giỏ hàng thành Trang:

  • bộ tính phí vận chuyển
  • nhiều đơn vị tiền tệ
  • gói quà
  • xác minh thuộc tính giỏ hàng
  • bộ chọn ngày
  • hộp kiểm "Tôi đồng ý với các điều khoản".

Các bước thực hiện:

  1. Bên cạnh Supply, nhấp vào Customize (Tùy chỉnh).
    1. Nhấp vào Theme settings (Cài đặt chủ đề). 2. Nhấp vào Giỏ hàng. 3. Trong danh sách thả xuống Cart type (Loại giỏ hàng), chọn Page (Trang). 4. Nhấp vào Save (Lưu).

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

Dùng thử miễn phí