Trang chủ Lập trình Shopify Liquid Hướng dẫn thêm tính năng cuộn vô hạn cho cửa hàng Shopify

Hướng dẫn thêm tính năng cuộn vô hạn cho cửa hàng Shopify

Nếu cửa hàng của bạn có nhiều sản phẩm trong một bộ sưu tập trên cửa hàng Shopify của bạn, thay vì khiến khách hàng phải truy cập nhiều trang sản phẩm để xem thì bạn có thể thêm tính năng cuộn vô hạn (infinite scroll) vào các trang bộ sưu tập Shopify của mình để khách hàng có thể tiếp tục tải thêm sản phảm mà không cần chuyển trang.

Tính năng cuộn vô hạn giúp thu hút sự chú ý của khách hàng. Nó cải thiện trải nghiệm người dùng và giúp duyệt các trang dễ dàng hơn. Thao tác cuộn dễ dàng hơn đối với người dùng so với việc nhấp chuột (rồi cuộn lại) vì yêu cầu ít thao tác hơn. Cuộn vô hạn cho phép người dùng tìm thấy nội dung mà họ có thể không thấy. Khách truy cập của bạn càng thấy nhiều sản phẩm thì càng có nhiều cơ hội mua hàng của bạn.

Trên Shopify App Store có nhiều ứng dụng giúp bạn thiết lập tính năng này cho cửa hàng của mình. Nhưng nếu bạn có kỹ năng lập trình, bạn có thể tự mình thiệt lập tính năng này này theo cách thủ công. Hãy tham khảo các bước dưới đây:

  • Trong trang quản trị viên Shopify của bạn, bạn mở Online Store > Theme.
  • Tìm đến chủ đề bạn muốn chỉnh sửa, sau đó nhấp vào Action > Edit code.
  • Trong phần Layout, nhấp vào theme.liquid để mở tập tin này trong trình chỉnh sửa mã trực tuyến.
  • Tìm đến thẻ </head> và dán đoạn mã dưới đây vào ngay phía trên nó.
  • Bạn bấm nút Save.
  • Tiếp đó bạn hãy mở template của trang collection và tìm đến vòng lặp {% for product in collection.products %} và thêm 1 thẻ DIV bao và thêm nhiều thẻ DIV ngay bên dưới thẻ đó. Ví dụ:
  • Thêm tiếp đoạn mã javascript vào cuối tập tin đó
  • Click Save và bạn đã hoàn thành.

Chúc các bạn thành công.

- Advertisement -
Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Bột ngọt Vị Hương Tố – Thương hiệu bột ngọt nổi tiếng trước 75 và ly kỳ chuyện “châu chấu đá xe”

Hai nhãn hiệu Ajinomoto và Vedan có mặt tại Việt Nam vào thập niên 1950, đã chiếm lĩnh toàn bộ thị trường trong nước....

Pixel 6, chiếc điện thoại sắp ra mắt của Google

Nổi tiếng với danh hiệu "cha đẻ của hệ điều hành Android", nhưng ít ai biết Google cũng sở hữu cho mình một dòng...

Chụp ảnh nguyên trang web với công cụ trực tuyến Site-Shot

Ngày nay có rất nhiều công cụ giúp bạn chụp ảnh màn hình và trong số đó cũng có nhiều công cụ hỗ trợ...

Cách tạo thanh thông báo trượt trên đầu trang web Shopify

Thông báo trên đầu trang (announcement bar) là vị trí cũng như giải pháp tốt nhất để truyền tải thông điệp đến khách truy...

Hàn Quốc sẽ buộc Google và Apple cho phép sử dụng cổng thanh toán của bên thứ ba trên các kho ứng dụng

Một đòn giáng mạnh vào cả Apple và Google khi mà Hàn Quốc đã thông qua luật yêu cầu các cửa hàng ứng dụng...

BẠN XEM CHƯA

Shopify ra mắt trang web chính thức cho thị trường Việt Nam

Shopify là nền tảng thương mại điện tử cho phép dễ dàng tạo ra các trang web bán hàng online cho do doanh nghiệp...

Một số phần mềm miễn phí hỗ trợ trích xuất hình ảnh từ tập tin PDF

Trích xuất hình ảnh từ các tập tin PDF là đôi khi cần thiết. Nếu chúng ta cần những hình ảnh đó cho một...

Sandboxie đã miễn phí cho tất cả mọi người

Sandboxie là một phần mềm đã 15 tuổi, nó khá phổ biến và được nhiều người biết đến với tính năng tạo ra một...

Ngày nghỉ

Buổi sáng ngày nghỉ nên ngủ dậy hơi muộn tý, tầm 8h30 - 9h gì đó. Để thức dậy thì sẽ có 2 luồng...

Tré bó rơm – Đặc sản Bình Định

Tré bó rơm (ảnh) không chỉ hấp dẫn du khách bởi hương vị độc đáo, sự hòa quyện của các vị chua chua, dai...