Thêm một liên kết tiếp tục mua sắm vào giỏ hàng của bạn
Bạn có thể thêm liên kết Tiếp tục mua sắm vào trang giỏ hàng để cho phép khách hàng nhanh chóng quay lại phần duyệt sản phẩm sau khi thêm mặt hàng vào giỏ hàng. Bạn có thể chọn thêm liên kết đưa khách hàng quay lại trang danh mục, quay lại trang chủ hoặc quay lại trang bộ sưu tập gần nhất họ đang xem.
Thêm liên kết Tiếp tục mua sắm vào trang giỏ hàng
- Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
- Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
- Trong thư mục Mục, nhấp vào
cart-template.liquid
. Nếu chủ đề chủa bạn không có tệp này, hãy nhấp vàocart.liquid
trong thư mục Mẫu. -
Tìm mã của nút Thanh toán bằng cách tìm kiếm
name="checkout"
trong tệp. Dòng mã của nút thanh toán khác nhau tùy vào chủ đề nhưng sẽ có dạng như sau:
5. Bước tiếp theo là dán một dòng mã mới để tạo liên kết Tiếp tục mua sắm. Mã bạn dán sẽ phụ thuộc vào trang bạn muốn truy cập qua liên kết: * Để thêm liên kết chuyển đến trang danh mục, dán mã sau vào dòng mới trước hoặc sau mã của nút Thanh toán:
- Để thêm liên kết chuyển đến trang chủ, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
- Để thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
6. Nhấp vào Lưu. Nếu bạn đã thêm liên kết chuyển đến trang danh mục hoặc trang chủ, vậy nghĩa là bạn đã hoàn tất. Nếu đã thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, bạn cần thêm một số JavaScript vào mã chủ đề của mình. Tiếp tục thực hiện theo các bước tiếp theo.
7. Trong danh mục Bố cục, nhấp vào theme.liquid
.
8. Tìm thẻ có kết thúc là </body>
ở gần cuối tệp. Dán mã sau vào phía trên của thẻ có kết thúc là </body>
:
9. Nhấp vào Lưu.
- Trong ứng dụng Shopify, chạm vào nút ….
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
- Trong thư mục Mục, nhấp vào
cart-template.liquid
. Nếu chủ đề chủa bạn không có tệp này, hãy nhấp vàocart.liquid
trong thư mục Mẫu. -
Tìm mã của nút Thanh toán bằng cách tìm kiếm
name="checkout"
trong tệp. Dòng mã của nút thanh toán khác nhau tùy vào chủ đề nhưng sẽ có dạng như sau:
- Bước tiếp theo là dán một dòng mã mới để tạo liên kết Tiếp tục mua sắm. Mã bạn dán sẽ phụ thuộc vào trang bạn muốn truy cập qua liên kết:
- Để thêm liên kết chuyển đến trang danh mục, òng mới phía trước hoặc sau mã của nút **Thanh toán*:
- Để thêm liên kết chuyển đến trang chủ, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
- Để thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
- Nhấp vào Lưu. Nếu bạn đã thêm liên kết chuyển đến trang danh mục hoặc trang chủ, nghĩa là bạn đã hoàn tất. Nếu đã thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, bạn cần thêm một số JavaScript vào mã chủ đề của mình. hãy tiếp tục thực hiện theo các bước tiếp theo.
- Trong thư mục Layout, nhấp vào
theme.liquid
. -
Tìm thẻ có kết thúc là
</body>
ở gần cuối tệp. Dán mã sau vào phía trên của thẻ có kết thúc là</body>
:
- Nhấp vào Save (Lưu).
- Trong ứng dụng Shopify, chạm vào nút ….
- Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
- Nhấn vào Manage themes (Quản lý chủ đề).
- Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
- Trong thư mục Mục, nhấp vào
cart-template.liquid
. Nếu chủ đề chủa bạn không có tệp này, hãy nhấp vàocart.liquid
trong thư mục Mẫu. -
Tìm mã của nút Thanh toán bằng cách tìm kiếm
name="checkout"
trong tệp. Dòng mã của nút thanh toán khác nhau tùy vào chủ đề nhưng sẽ có dạng như sau:
- Bước tiếp theo là dán một dòng mã mới để tạo liên kết Tiếp tục mua sắm. Mã bạn dán sẽ phụ thuộc vào trang bạn muốn truy cập qua liên kết:
- Để thêm liên kết chuyển đến trang danh mục, òng mới phía trước hoặc sau mã của nút **Thanh toán*:
- Để thêm liên kết chuyển đến trang chủ, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
- Để thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, dán mã sau vào dòng mới phía trước hoặc sau mã của nút Thanh toán:
- Nhấp vào Lưu. Nếu bạn đã thêm liên kết chuyển đến trang danh mục hoặc trang chủ, nghĩa là bạn đã hoàn tất. Nếu đã thêm liên kết chuyển đến bộ sưu tập được xem gần nhất, bạn cần thêm một số JavaScript vào mã chủ đề của mình. hãy tiếp tục thực hiện theo các bước tiếp theo.
- Trong thư mục Layout, nhấp vào
theme.liquid
. -
Tìm thẻ có kết thúc là
</body>
ở gần cuối tệp. Dán mã sau vào phía trên của thẻ có kết thúc là</body>
:
- Nhấp vào Save (Lưu).
Thêm kiểu nút (không bắt buộc)
Nếu sử dụng chủ đề Shopify miễn phí, bạn có thể áp dụng kiểu cho liên kết Tiếp tục mua sắm để liên kết trông giống nút. Bằng cách thêm thuộc tính lớp vào mã cho liên kết trên nút, bạn có thể đặt nút của mình khớp với kiểu của các nút khác trong chủ đề. Tất cả chủ đề Shopify miễn phí đều sử dụng cùng tên lớp cho kiểu nút chính và hầu hết đều sử dụng cùng tên lớp cho kiểu nút phụ.
Để áp dụng kiểu nút chính cho liên kết Tiếp tục mua sắm:
Thêm thuộc tính class="btn"
vào dòng mã bạn đã dán để thêm liên kết Tiếp tục mua sắm. Mã của bạn sẽ có dạng như sau:
Để áp dụng kiểu nút phụ cho liên kết Tiếp tục mua sắm:
Nếu bạn sử dụng chủ đề miễn phí không phải chủ đề Supply, hãy thêm thuộc tính class="btn--secondary"
vào dòng mã bạn đã dán để thêm liên kết Tiếp tục mua sắm. Mã của bạn sẽ có dạng như sau:
Nếu bạn dùng Supply, hãy thêm thuộc tính class="btn-secondary"
vào dòng mã bạn đã dán để thêm liên kết Tiếp tục mua sắm. Mã của bạn sẽ có dạng như sau: