Skip to content

Grids

กริดแสดงรายชื่อซัพพลายเออร์และสินค้าคงคลัง และแสดงรายละเอียดผ่าน UI แบบกริดที่จองได้แบบโต้ตอบได้ กริดรองรับการแสดงสินค้าคงคลังใดๆ จากรายการที่คุณคัดสรรหรือการค้นหาที่บันทึกไว้ ผู้ใช้โต้ตอบกับกริดในลักษณะเดียวกับที่โต้ตอบกับบุคคลอื่นการ์ดพร้อมคุณสมบัติเพิ่มเติมอีกหนึ่งอย่าง:

  1. แบ่งหน้าผ่านกริดโดยคลิกที่Show more ปุ่ม (เมื่อมีสินค้าเพิ่มเติม-
ตัวอย่างกริด
กริดแสดงประเภทห้องหลายประเภท

ด้านบนเป็นตัวอย่างกริดของเราซึ่งแสดงรายการบัตรประเภทห้อง

บทความที่เหลือนี้จะแนะนำวิธีการสร้าง ปรับแต่ง และเปิดเผยกริดแก่ผู้ใช้ของคุณ

มีกริด 3 ประเภท:

  1. กริดที่อิงจากรายการที่คัดสรร-
  2. กริดที่อิงจากบันทึกการค้นหา-
  3. กริดกริดตามตำแหน่งและเกณฑ์การเรียงลำดับ (คือกริดอันดับ-

กริดรายการที่ได้รับการคัดสรร

Section titled “กริดรายการที่ได้รับการคัดสรร”

นี่คือกริดที่ใช้สินค้าคงคลังที่คุณรวบรวมไว้ในหนึ่งในรายการที่คุณจัดทำขึ้น และแปลงรายการดังกล่าวเป็นสินค้าคงคลังการเดินทางที่สามารถจองได้ ซึ่งคุณสามารถแสดงให้ผู้ใช้ของคุณดูได้

นำทางไปที่Inventory > Curated Listsจากแถบนำทางหลัก สำหรับตัวอย่างนี้ เราจะใช้Favoritesรายการ หากคุณยังไม่ได้เพิ่มอะไรลงในรายการของคุณFavorites, ไปที่ค้นหาเพื่อเรียนรู้วิธีการ

สร้างกริดรายการดูแล
สร้างแบบฟอร์มกริดรายการที่คัดสรร
  1. คลิกที่ Actions ปุ่มบน Favorites รายการ.
  2. คลิกที่ Create a grid ปุ่ม.
  3. หน้าต่างใหม่จะแสดงขึ้นเพื่อให้คุณสามารถตั้งชื่อกริดของคุณได้ ดูด้านล่าง-
  4. คลิก OK ปุ่มเพื่อดำเนินการต่อ

กริดของคุณถูกสร้างขึ้นแล้ว นำทางไปที่Tools > GridsจากแถบนำทางหลักและคลิกCurated Gridsแท็บเพื่อดูกริดใหม่ของคุณ

แบบฟอร์มนี้ช่วยให้คุณปรับแต่งกริดของคุณได้ในรูปแบบต่อไปนี้:

  1. ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
  2. เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
  3. เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
  4. เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น eco-friendly-
  5. เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
  6. เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
  7. คลิกที่ Save ปุ่มเพื่อดำเนินการต่อ
กริดรายการที่ได้รับการคัดสรร
รายการกริดแบบคัดสรรพร้อมเมนูการดำเนินการแบบยุบ

ด้านบนแสดงภาพพร้อมการดำเนินการทั้งหมดที่มีสำหรับกริดของคุณ:

  • อัปเดตอัปเดตการกำหนดค่ากริดของคุณ
  • เพิ่มไปยัง WinkLinksเพิ่มกริดไปยังบัญชี WinkLinks ของคุณ
  • ฝังแสดงวิธีการฝังกริดนี้เป็นกริดเข้าสู่เว็บไซต์ของคุณ
  • ใช้งานร่วมกับ WordPressแสดงวิธีการใช้งานของเราปลั๊กอิน WordPressเพื่อฝังกริดนี้ลงในเว็บไซต์ของคุณ

เราจะครอบคลุมตัวเลือกบางส่วนเหล่านี้ในรายละเอียดเพิ่มเติมด้านล่าง

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="LIST"
id="9a212b5e-62a7-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

วิธีการฝังกริดลงในไซต์ของคุณมีดังนี้:

  • บรรทัดที่ 3 จะแสดงวิธีการฝังสไตล์ Wink ลงในไซต์ของคุณ
  • บรรทัดที่ 6 ถึง 9 จะแสดงวิธีใช้ตัวโหลดเนื้อหากระพริบตาส่วนประกอบเว็บและบอกให้ดึงตารางสำหรับโค้ดของคุณ
  • บรรทัดที่ 11 จะแสดงวิธีการฝัง Javascript ของเราลงในไซต์ของคุณ
  • บรรทัดที่ 13 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ

ตารางค้นหาที่บันทึกไว้

Section titled “ตารางค้นหาที่บันทึกไว้”

นี่คือกริดที่ใช้สินค้าคงคลังในแบบสอบถามการค้นหาที่บันทึกไว้ของคุณและแปลงผลการค้นหาเป็นสินค้าคงคลังการเดินทางที่สามารถจองได้ซึ่งคุณสามารถแสดงให้ผู้ใช้ของคุณได้

นำทางไปที่Inventory > Saved searchesจากแถบการนำทางหลัก หากคุณยังไม่ได้สร้างการค้นหาที่บันทึกไว้ ให้ไปที่ค้นหาเพื่อเรียนรู้วิธีการ

สร้างกริดการค้นหาที่บันทึกไว้
สร้างแบบฟอร์มกริดการค้นหาที่บันทึกไว้
  1. คลิกที่ Actions ปุ่มในการค้นหาที่คุณบันทึกไว้
  2. คลิกที่ Create a grid ปุ่ม.
  3. หน้าต่างใหม่จะแสดงขึ้นเพื่อให้คุณสามารถตั้งชื่อกริดของคุณได้ ดูด้านล่าง-
  1. คลิกOKปุ่มเพื่อดำเนินการต่อ

กริดของคุณถูกสร้างขึ้นแล้ว นำทางไปที่Tools > GridsจากแถบนำทางหลักและคลิกSaved Search Gridsแท็บเพื่อดูกริดใหม่ของคุณ

แบบฟอร์มนี้ช่วยให้คุณปรับแต่งกริดของคุณได้ในรูปแบบต่อไปนี้:

  1. ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
  2. เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
  3. เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
  4. เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น eco-friendly-
  5. เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
  6. เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
  7. คลิกที่ Save ปุ่มเพื่อดำเนินการต่อ
ตารางค้นหาที่บันทึกไว้
บันทึกรายการกริดการค้นหาพร้อมเมนูการดำเนินการแบบยุบ
<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="LIST"
id="be3130d5-62a7-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

วิธีการฝังกริดลงในไซต์ของคุณมีดังนี้:

  • บรรทัดที่ 3 จะแสดงวิธีการฝังสไตล์ Wink ลงในไซต์ของคุณ
  • บรรทัดที่ 6 ถึง 9 จะแสดงวิธีใช้ตัวโหลดเนื้อหากระพริบตาส่วนประกอบเว็บและบอกให้ดึงตารางสำหรับโค้ดของคุณ
  • บรรทัดที่ 11 จะแสดงวิธีการฝัง Javascript ของเราลงในไซต์ของคุณ
  • บรรทัดที่ 13 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ

สร้างกริดอันดับโดยไปที่Tools > Gridsและคลิกที่ปุ่มRanked Gridแท็บ คลิกที่Create ranked grid ปุ่ม.

แบบฟอร์มนี้จะช่วยให้คุณปรับแต่งกริดอันดับของคุณได้ในรูปแบบต่อไปนี้:

  1. เลือกจุดหมายปลายทาง. เช่น โตเกียว-
  2. ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร เช่น โรงแรมที่เป็นมิตรต่อสิ่งแวดล้อมในโตเกียว
  3. เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
  4. เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
  5. เลือกคุณลักษณะที่ต้องการใช้ในการเรียงลำดับคุณสมบัติ เช่น ความเป็นมิตรต่อสิ่งแวดล้อม-
  6. เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
  7. เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
  8. คลิกที่ Save ปุ่มเพื่อดำเนินการต่อ

หลังจากบันทึกกริดจัดอันดับของคุณแล้ว คุณจะถูกส่งต่อไปยังหน้ากริดจัดอันดับของคุณ และกริดของคุณก็พร้อมที่จะแชร์กับคนทั่วโลกแล้ว

กริดอันดับ
ตารางจัดอันดับพร้อมเมนูการกระทำแบบยุบ

ด้านบนแสดงภาพพร้อมการกระทำทั้งหมดที่มีสำหรับกริด rankd ของคุณ:

  • อัปเดตอัปเดตการกำหนดค่ากริดของคุณ
  • เพิ่มไปยัง WinkLinksเพิ่มกริดจัดอันดับให้กับบัญชี WinkLinks ของคุณ
  • ฝังแสดงวิธีการฝังกริดนี้เป็นกริดเข้าสู่เว็บไซต์ของคุณ
  • ใช้งานร่วมกับ WordPressแสดงวิธีการใช้งานของเราปลั๊กอิน WordPressเพื่อฝังการ์ดนี้ไปในเว็บไซต์ของคุณ

เราจะครอบคลุมตัวเลือกบางส่วนเหล่านี้ในรายละเอียดเพิ่มเติมด้านล่าง

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="RANKED"
id="2483d55e-62a5-11ef-ac3f-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

วิธีการฝังกริดลงในไซต์ของคุณมีดังนี้:

  • บรรทัดที่ 3 จะแสดงวิธีการฝังสไตล์ Wink ลงในไซต์ของคุณ
  • บรรทัดที่ 6 ถึง 9 จะแสดงวิธีใช้ตัวโหลดเนื้อหากระพริบตาส่วนประกอบเว็บและบอกให้ดึงกริดจัดอันดับสำหรับโค้ดของคุณ
  • บรรทัดที่ 11 จะแสดงวิธีการฝัง Javascript ของเราลงในไซต์ของคุณ
  • บรรทัดที่ 13 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ

นักพัฒนาที่ต้องการจัดการกริดสามารถไปที่นักพัฒนา > API > สินค้าคงคลัง-