Grids

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

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

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

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

ประเภทกริด

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

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

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

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

สร้าง

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

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

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

ปรับแต่ง

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

ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น eco-friendly-
เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
คลิกที่ 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 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ

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

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

สร้าง

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

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

คลิกOKปุ่มเพื่อดำเนินการต่อ

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

ปรับแต่ง

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

ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น eco-friendly-
เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
คลิกที่ 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 ปุ่ม.

ปรับแต่ง

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

เลือกจุดหมายปลายทาง. เช่น โตเกียว-
ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร เช่น โรงแรมที่เป็นมิตรต่อสิ่งแวดล้อมในโตเกียว
เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
เลือกคุณลักษณะที่ต้องการใช้ในการเรียงลำดับคุณสมบัติ เช่น ความเป็นมิตรต่อสิ่งแวดล้อม-
เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
คลิกที่ 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 > สินค้าคงคลัง-

อ่านเพิ่มเติม

เรียนรู้เพิ่มเติมเกี่ยวกับคอลเลกชันของเราส่วนประกอบของเว็บไซต์-
เรียนรู้เพิ่มเติมเกี่ยวกับปลั๊กอิน Wink WordPress-