Ứng dung - Compare Product

Cài đặt App

bạn có thể cài đặt App Compare Product bằng cách click vào liên kết này: Cài đặt App Compare Product 

Bước 1: Nhập tên cửa hàng của bạn vi dụ như: aptest4.myharavan.com hoặc apollotheme

Bước 2: Đăng nhập

Bước 3: Nhấn 'cài đặt app' liên kết đến trang cài đặt ứng dụng

Bước 4: Cấu hình cài đặt xuất hiện trong phần II, mà hiển thị ở trang font- end và nhấn nút lưu

Bước 5: Quay trở lại "cấu hình giao diện" và mở tập tin có tên “product-loop.liquid”

Sao chép và dán đoạn mã dưới đây để hiển thị các nút : " So sánh " cho sản phẩm

Đoạn mã:
<div class='ap_cp_add'><input type="checkbox" data-img="{{ product.featured_image }}" data-title="{{product.title}}" data-id="{{ product.handle }}" class="ap-cp-add"><span>Thêm vào so sánh</span></div>




Bạn cũng có thể thêm các liên kết thêm với bất kỳ vị trí trên trang web như menu hoặc footer, với mục đích đi đến một trang so sánh bằng cách chèn mã dưới đây vào vị trí bạn muốn.
- key code: <div id="ap_compare_item"></div>


Lưu ý : Sau đó , bạn có thể vào trang này bằng cách:

1 – Đăng nhập với tài khoản quản trị của cửa hàng
2- Chọn menu “App” trên menu trái. Trong trang cài đặt app, click vào “Ap Compare Product”

Sau khi cài đặt , ứng dụng giúp tạo ra 03 file cho cửa hàng của bạn : bao gồm ap-compare-product.css, ap-compare-product.liquid và page.ap-compare.liquid. Đồng thời các đoạn mã "{% include 'ap-compare-product' %}" sẽ được thêm vào cuối mỗi file theme.liquid

Trong phần này, bạn có thể tùy chỉnh :

- Tab so sánh: tab biểu tượng, Kho sản phẩm

- Trang so sánh

- Chia sẻ liên kết

- Chỉnh sửa css


Tab biểu tượng: chỉnh sửa biểu tượng, hiển thị, màu sắc, khoảng cách của panel tool

Kho sản phẩm: Chỉnh sửa màu nền nút so sánh, màu nền danh sách sản phẩm, số lượng sản phẩm tối đa cho phép so sánh


Chỉnh sửa màu nền trang so sánh, Màu chữ, Màu viền và khoảng cách


Khách hàng của bạn có thể chia sẻ danh sách các sản phẩm thông qua bất kỳ mạng xã hội như facebook, google+, tweet, and pinterest

Nếu bạn là một nhà phát triển hoặc có kiến thức về CSS , bạn có thể xây dựng giao diện người dùng riêng của bạn, mà là thích hợp cho trang web của cửa hàng của bạn


Cám ơn bạn đã đọc bài viết!

Chúng tôi hi vọng các bạn 100% hài lòng với App Compare Product.

Nếu bạn có câu hỏi hoặc cần hỗ trợ hãy liên hệ với chúng tôi:

Haravan - Công ty công nghệ cung cấp giải pháp kinh doanh thương mại điện tử, duy nhất tại Việt Nam được Google lựa chọn vào chương trình bệ phóng tiềm năng với hỗ trợ và đào tạo công nghệ để vươn ra thị trường quốc tế vững chắc.