Grids
กริดแสดงรายชื่อซัพพลายเออร์และสินค้าคงคลัง และแสดงรายละเอียดผ่าน UI แบบกริดที่จองได้แบบโต้ตอบได้ กริดรองรับการแสดงสินค้าคงคลังใดๆ จากรายการที่คุณคัดสรรหรือการค้นหาที่บันทึกไว้ ผู้ใช้โต้ตอบกับกริดในลักษณะเดียวกับที่โต้ตอบกับบุคคลอื่นการ์ดพร้อมคุณสมบัติเพิ่มเติมอีกหนึ่งอย่าง:
- แบ่งหน้าผ่านกริดโดยคลิกที่
Show more
ปุ่ม (เมื่อมีสินค้าเพิ่มเติม-
ด้านบนเป็นตัวอย่างกริดของเราซึ่งแสดงรายการบัตรประเภทห้อง
บทความที่เหลือนี้จะแนะนำวิธีการสร้าง ปรับแต่ง และเปิดเผยกริดแก่ผู้ใช้ของคุณ
ประเภทกริด
Section titled “ประเภทกริด”มีกริด 3 ประเภท:
- กริดที่อิงจากรายการที่คัดสรร-
- กริดที่อิงจากบันทึกการค้นหา-
- กริดกริดตามตำแหน่งและเกณฑ์การเรียงลำดับ (คือกริดอันดับ-
กริดรายการที่ได้รับการคัดสรร
Section titled “กริดรายการที่ได้รับการคัดสรร”นี่คือกริดที่ใช้สินค้าคงคลังที่คุณรวบรวมไว้ในหนึ่งในรายการที่คุณจัดทำขึ้น และแปลงรายการดังกล่าวเป็นสินค้าคงคลังการเดินทางที่สามารถจองได้ ซึ่งคุณสามารถแสดงให้ผู้ใช้ของคุณดูได้
นำทางไปที่Inventory > Curated Lists
จากแถบนำทางหลัก สำหรับตัวอย่างนี้ เราจะใช้Favorites
รายการ
หากคุณยังไม่ได้เพิ่มอะไรลงในรายการของคุณFavorites
, ไปที่ค้นหาเพื่อเรียนรู้วิธีการ
- คลิกที่
Actions
ปุ่มบนFavorites
รายการ. - คลิกที่
Create a grid
ปุ่ม. - หน้าต่างใหม่จะแสดงขึ้นเพื่อให้คุณสามารถตั้งชื่อกริดของคุณได้ ดูด้านล่าง-
- คลิก
OK
ปุ่มเพื่อดำเนินการต่อ
กริดของคุณถูกสร้างขึ้นแล้ว นำทางไปที่Tools > Grids
จากแถบนำทางหลักและคลิกCurated Grids
แท็บเพื่อดูกริดใหม่ของคุณ
ปรับแต่ง
Section titled “ปรับแต่ง”แบบฟอร์มนี้ช่วยให้คุณปรับแต่งกริดของคุณได้ในรูปแบบต่อไปนี้:
- ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
- เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
- เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
- เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น
eco-friendly
- - เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
- เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
- คลิกที่
Save
ปุ่มเพื่อดำเนินการต่อ
แบ่งปัน
Section titled “แบ่งปัน”ด้านบนแสดงภาพพร้อมการดำเนินการทั้งหมดที่มีสำหรับกริดของคุณ:
- อัปเดตอัปเดตการกำหนดค่ากริดของคุณ
- เพิ่มไปยัง 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
จากแถบการนำทางหลัก
หากคุณยังไม่ได้สร้างการค้นหาที่บันทึกไว้ ให้ไปที่ค้นหาเพื่อเรียนรู้วิธีการ
- คลิกที่
Actions
ปุ่มในการค้นหาที่คุณบันทึกไว้ - คลิกที่
Create a grid
ปุ่ม. - หน้าต่างใหม่จะแสดงขึ้นเพื่อให้คุณสามารถตั้งชื่อกริดของคุณได้ ดูด้านล่าง-
- คลิก
OK
ปุ่มเพื่อดำเนินการต่อ
กริดของคุณถูกสร้างขึ้นแล้ว นำทางไปที่Tools > Grids
จากแถบนำทางหลักและคลิกSaved Search Grids
แท็บเพื่อดูกริดใหม่ของคุณ
ปรับแต่ง
Section titled “ปรับแต่ง”แบบฟอร์มนี้ช่วยให้คุณปรับแต่งกริดของคุณได้ในรูปแบบต่อไปนี้:
- ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร
- เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
- เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
- เลือกตราสัญลักษณ์ที่คุณต้องการใช้บนการ์ด ตราสัญลักษณ์ช่วยให้ผู้ใช้สามารถเปรียบเทียบสินค้าคงคลังในเมตริกรวม เช่น
eco-friendly
- - เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
- เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
- คลิกที่
Save
ปุ่มเพื่อดำเนินการต่อ
แบ่งปัน
Section titled “แบ่งปัน”<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 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ
กริดอันดับ
Section titled “กริดอันดับ”สร้างกริดอันดับโดยไปที่Tools > Grids
และคลิกที่ปุ่มRanked Grid
แท็บ คลิกที่Create ranked grid
ปุ่ม.
ปรับแต่ง
Section titled “ปรับแต่ง”แบบฟอร์มนี้จะช่วยให้คุณปรับแต่งกริดอันดับของคุณได้ในรูปแบบต่อไปนี้:
- เลือกจุดหมายปลายทาง. เช่น โตเกียว-
- ตั้งชื่อให้เพื่อจะได้จำได้ว่ากริดนี้เกี่ยวกับอะไร เช่น โรงแรมที่เป็นมิตรต่อสิ่งแวดล้อมในโตเกียว
- เลือก การปรับแต่ง คุณต้องการสมัครเข้าระบบกริดนี้
- เลือกหน้าการ์ดเริ่มต้นที่คุณต้องการให้ผู้ใช้เห็นก่อน โดยค่าเริ่มต้น หน้าการ์ดจะเป็นหน้าดั้งเดิมของสินค้าคงคลังนั้น
- เลือกคุณลักษณะที่ต้องการใช้ในการเรียงลำดับคุณสมบัติ เช่น ความเป็นมิตรต่อสิ่งแวดล้อม-
- เพิ่มคำหลักคั่นด้วยเครื่องหมายจุลภาคที่จะใช้โดย โปรแกรมรวบรวมข้อมูลเว็บ-
- เพิ่มชื่อเรื่องและคำอธิบายในภาษาที่คุณต้องการให้ผู้ใช้เห็น
- คลิกที่
Save
ปุ่มเพื่อดำเนินการต่อ
หลังจากบันทึกกริดจัดอันดับของคุณแล้ว คุณจะถูกส่งต่อไปยังหน้ากริดจัดอันดับของคุณ และกริดของคุณก็พร้อมที่จะแชร์กับคนทั่วโลกแล้ว
แบ่งปัน
Section titled “แบ่งปัน”ด้านบนแสดงภาพพร้อมการกระทำทั้งหมดที่มีสำหรับกริด 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 แสดงวิธีการฝังโหลดแอพวิงค์ส่วนประกอบเว็บและบอกให้ดึงค่ากำหนดการกำหนดค่าระดับหน้าของคุณ
เอพีไอ
Section titled “เอพีไอ”นักพัฒนาที่ต้องการจัดการกริดสามารถไปที่นักพัฒนา > API > สินค้าคงคลัง-
อ่านเพิ่มเติม
Section titled “อ่านเพิ่มเติม”- เรียนรู้เพิ่มเติมเกี่ยวกับคอลเลกชันของเราส่วนประกอบของเว็บไซต์-
- เรียนรู้เพิ่มเติมเกี่ยวกับปลั๊กอิน Wink WordPress-