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

✓ Trang 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

✓ Chia sẻ liên kết

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

✓ Chỉnh sửa css

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:

• Email: support@apollotheme.com
• Skype Support: trandinhnghiait