Ant Bistro

Hướng dẫn sử dụng Theme Ant Bistro

• Created: 11/11/2020
• Latest update: 11/11/2020
• By: Kiến Vàng
•  
• Email: [email protected]

Xin chào! Cám ơn bạn đã chọn giao diện của chúng tôi. Dưới đây là những hướng dẫn để bạn cài đặt cũng như sử dụng chủ đề của chúng tôi. Mọi thắc mắc bạn có thể gửi về [email protected]. Chúng tôi thực sự đánh giá cao và hi vọng bạn sẽ thích giao diện của chúng tôi.

Với thiết kế hiện đại, tối giản, nhiều diện tích hiển thị hàng hóa giúp tập trung bán sản phẩm tốt hơn

Sau khi cài đặt theme mới lên cửa hàng, bạn bấm vào THIẾT LẬP GIAO DIỆN để tùy chỉnh theme:

Đầu tiên, bạn tìm đến THIẾT LẬP CHUNG:

Tại phần thiết lập chung, chúng tôi cung cấp cho bạn được tùy chỉnh mạnh mẽ giao diện:

• Dùng Favicon
• Màu sắc chính
• Meta Keyword

Để thiết lập đầu trang, bạn tìm đến:

Tại đây cho phép bạn thay đổi tất cả các logo, Menu:

Để thiết lập chân trang, bạn cần tìm đến Chân trang:

Tại đây bạn có thể thiết lập các tiêu đề, menu, các thông tin bản quyền vv...

• Module Slider

Module Slider

Bạn cần tìm đến thiết lập TRANG DANH SÁCH SẢN PHẨM

Tại đây, bạn được phép thiết lập:

• Số sản phẩm trên 1 trang, Bộ lọc

Chúng tôi cung cấp cho bạn quyền tùy chỉnh mạnh mẽ trang chi tiết sản phẩm. Để thiết lập trang này, bạn cần tìm đến TRANG SẢN PHẨM:

Để thiết lập trang blog, bạn cần tìm đến TRANG BLOG:

Ở đây, chúng tôi cho phép bạn lựa chọn layout:.
Ngoài ra, bạn cũng có thể thiết lập giới hạn số tin tức trên từng trang

Đầu tiên bạn cần tìm đến Thiết lập giao diện -> Liên hệ:

Tại đây bạn có thể thay đổi Bản đồ cũng như các thông tin  liên hệ:

Để thiết lập bạn Tạo trang nội dung và chọn layout page.he-thong.

Để trang này hoạt động, bạn cần cung cấp:

File danh sách các địa điểm cửa hàng, được lấy từ Google Bảng Tính

Hướng dẫn tạo bảng tính chứa danh sách cửa hàng

1. Tạo 1 bảng tính gồm các cột thông tin:

2. Vào mục Tệp/Chia sẻ/Công bố lên web

3. Chọn Xuất bản

4. Copy URL vào Thiết lập chung.

Copy URL có định dạng tương tự

https://docs.google.com/spreadsheets/d/e/2PACX-1vSlBCfJa4qdqaBUFJdbUE3VPhgTsOaCsBlyXeNbWXpbcwqsJL4bwOEbQI8REZQlDeFmUojC3L-z4iya/pubhtml

Sửa phần đuôi URL từ /pubhtml thành /pub?output=csv

5. Copy URL dán vào Thiết lập chung và nhập tỉnh thành mặc định

Demo

Vào chi tiết 1 bài viết. Ở vị trí cần hiển thị nhập nội dung như sau:

[san-pham-tin danhmuc="Lên đời đón Tết" limit="6" title="Mời bạn tham khảo thêm một số sản phẩm đang được khuyến mãi:"]

Trong đó danhmuc="Tên danh mục sản phẩm" limit="Số sản phẩm hiển thị" title="Tiêu đề hiển thị bên ngoài"

Để tạo trang FAQ, bạn tạo 1 trang nội dung, chọn khung giao diện là page.dat-ban

Xem demo tại đây

Hướng dẫn tạo file Google Trang tính để lưu dữ liệu

Xem file mẫu tại đây

Bước 1: Vào link sau https://drive.google.com/drive/u/0/my-drive

Bước 2: Chọn nút Mới

Bước 3: Tạo 1 Trang tính mới theo hình ảnh dưới.

Bước 4: Đặt tên cho trang tính để dễ quản lý

Bước 5: Tạo các cột lưu trữ thông tin cho bảng tính như hình bên dưới.

Bước 6: Mở trình chỉnh sửa tập lệnh tại menu công cụ

Bước 7: Dán đoạn code bên dưới vào cửa sổ vừa mở ra

function doGet(e){ return handleResponse(e); } // Enter sheet name where data is to be written below var SHEET_NAME = "Tên Sheet"; var SCRIPT_PROP = PropertiesService.getScriptProperties(); // new property service function handleResponse(e) { // shortly after my original solution Google announced the LockService[1] // this prevents concurrent access overwritting data // [1] http://googleappsdeveloper.blogspot.co.uk/2011/10/concurrency-and-google-apps-script.html // we want a public lock, one that locks for all invocations var lock = LockService.getPublicLock(); lock.waitLock(30000); // wait 30 seconds before conceding defeat. try { // next set where we write the data - you could write to multiple/alternate destinations var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key")); var sheet = doc.getSheetByName(SHEET_NAME); // we'll assume header is in row 1 but you can override with header_row in GET/POST data var headRow = e.parameter.header_row || 1; var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]; var nextRow = sheet.getLastRow()+1; // get next row var row = []; // loop through the header columns for (i in headers){ if (headers[i] == "Timestamp"){ // special case if you include a 'Timestamp' column row.push(new Date()); } else { // else use header name to get data row.push(e.parameter[headers[i]]); } } // more efficient to set values as [][] array than individually sheet.getRange(nextRow, 1, 1, row.length).setValues([row]); // return json success results return ContentService .createTextOutput(JSON.stringify({"result":"success", "row": nextRow})) .setMimeType(ContentService.MimeType.JSON); } catch(e){ // if error return this return ContentService .createTextOutput(JSON.stringify({"result":"error", "error": e})) .setMimeType(ContentService.MimeType.JSON); } finally { //release lock lock.releaseLock(); } } function setup() { var doc = SpreadsheetApp.getActiveSpreadsheet(); SCRIPT_PROP.setProperty("key", doc.getId()); }

Trong đó "Tên Sheet" thay bằng Tên Tab của bảng tính. Sau đó bấm Ctr + S để lưu nội dung lại.

Bước 8: Vào Menu Chạy --> Chạy hàm --> Setup

Bước 9: Vào Menu Công bố --> Triển khai dưới dạng ứng dụng web...

Bước 10: Deploy as web app. Xong nhấn nút Deploy

Bước 11: Cấp quyền cho ứng dụng

Sau khi thực hiện các bước trên. Sẽ sinh ra đoạn code trong popup. Copy đoạn code bên dưới

Bước 12: Dán đoạn code ở trên vào thiết lập giao diện

Cám ơn các bạn đã chọn theme của chúng tôi.
Ngoài ra, nếu cần sự giúp đỡ, bạn có thể liên lạc với chúng tôi qua emai: [email protected].
Chúng tôi luôn vui lòng giúp đỡ các bạn.