คุณเคยต้องการสร้างตารางที่สามารถเรียงลำดับและกรองได้ซึ่งบรรจุผลิตภัณฑ์ WooCommerce ทั้งหมดหรือบางส่วนของคุณหรือไม่?

หากคุณเป็นผู้ดำเนินการร้านค้า WooCommerce คุณทราบดีว่า WooCommerce มาพร้อมกับหน้าเก็บถาวรเฉพาะที่ช่วยให้คุณแสดงผลิตภัณฑ์แต่ละรายการได้วิธีสร้างตารางผลิตภัณฑ์ woocommerce ของ wordpress 1

แต่ขึ้นอยู่กับสิ่งที่คุณขายนี่ไม่ใช่วิธีที่มีประสิทธิภาพสูงสุดในการแสดงผลิตภัณฑ์ของคุณเสมอไป

ในบางกรณีการแสดงผลิตภัณฑ์ WooCommerce ในกริดนั้นมีประสิทธิภาพมากกว่า

และถ้านั่นฟังดูเหมือนว่าคุณอยู่ในสถานการณ์คุณก็ไม่เป็นไรเพราะฉันจะแสดงให้คุณเห็นถึงวิธีการสร้างกริดของผลิตภัณฑ์ WooCommerce ของคุณ

แต่ถ้าคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

คุณสามารถทำอะไรกับกริดของผลิตภัณฑ์ WooCommerce

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

ค้นพบ วิธีติดตั้งร้านค้าออนไลน์บน WordPress ด้วยปลั๊กอิน WooCommerce

  • ร้านขายส่ง - หากคุณขายส่งผลิตภัณฑ์จำนวนมากการให้วิธีง่ายๆแก่ลูกค้าในการจัดเรียงหรือกรองตารางอาจเป็นมิตรต่อผู้ใช้มากกว่าการให้พวกเขาเรียกดูหน้าผลิตภัณฑ์แต่ละหน้า
  • แคตตาล็อกสินค้า - ในทำนองเดียวกันหากคุณต้องการแสดงแคตตาล็อกผลิตภัณฑ์ที่ง่ายต่อการเรียกดูตารางการเรียงลำดับ / กรอง AJAX จะช่วยประหยัดเวลาของลูกค้า (และการโหลดหน้าซ้ำ)
  • แบบฟอร์มการสั่งซื้อ - หากคุณต้องการสร้างแบบฟอร์มคำสั่งซื้อจากผลิตภัณฑ์ WooCommerce ตารางเป็นวิธีที่ง่ายมากในการทำ นอกจากนี้ยังเป็นแนวทางที่ดีในการแสดงเมนูร้านอาหารและยอมรับคำสั่งซื้อทางออนไลน์

วิธีสร้างกริดของผลิตภัณฑ์ WooCommerce

เราจะใช้ปลั๊กอิน ตารางผลิตภัณฑ์ WooCommerceปลั๊กอินมุ่งเน้นไปที่การสร้างตารางผลิตภัณฑ์ และต้องขอบคุณพารามิเตอร์อินเทอร์เฟซและ รหัสผู้ใช้คุณสามารถปรับแต่งวิธีการทำงานของกริดได้ในทุกๆด้าน

อ่านคู่มือของเราได้ที่: วิธีเพิ่มเวลาในบล็อก WordPress ของคุณ

นี่คือคุณสมบัติที่มีประโยชน์ที่สุดในความคิดของฉัน:

  • เพิ่มหรือลบคอลัมน์ได้อย่างง่ายดาย คุณยังสามารถเพิ่มคอลัมน์ที่มีฟิลด์ที่กำหนดเองหรือการจัดหมวดหมู่ที่กำหนดเองและตารางผลิตภัณฑ์ WooCommerce จะรวมเข้ากับฟิลด์ที่กำหนดเองขั้นสูงได้อย่างสมบูรณ์
  • มีวิดเจ็ตตัวกรอง 4. สิ่งเหล่านี้ช่วยให้คุณมอบประสบการณ์ที่ราบรื่นให้กับผู้อ่านด้วยการนำเสนอตัวเลือกการกรองในแถบด้านข้างของคุณ
  • การสนับสนุนรูปแบบผลิตภัณฑ์ / แอตทริบิวต์ เลือกจาก 3 วิธีในการแสดงรูปแบบผลิตภัณฑ์ในตารางของคุณ
  • กล่องแบบเลือกได้หลายแบบ อำนวยความสะดวกในการสร้างแบบฟอร์มการสั่งซื้อโดยอนุญาตให้ลูกค้าเลือกผลิตภัณฑ์หลายรายการก่อนเพิ่มลงในตะกร้าสินค้า
  • ค้นหาเรียงลำดับและกรองได้ทันที . ลูกค้าสามารถจัดการข้อมูลกริดของคุณโดยไม่ต้องโหลดหน้าซ้ำ
  • ใส่ในรถเข็น . ลูกค้าสามารถเพิ่มผลิตภัณฑ์ลงในตะกร้าของพวกเขาได้โดยไม่ต้องโหลดหน้าซ้ำ
  • รองรับ Lazy Load. มีประโยชน์สำหรับการปรับปรุงประสิทธิภาพของกริดขนาดใหญ่ ( แม้ว่าสิ่งนี้จะส่งผลต่อความสามารถในการนำเสนอการจัดเรียงหรือการกรองแบบทันที )

นี่คือวิธีใช้ปลั๊กอินนี้ ...

ขั้นตอน 1: กำหนดค่าฟีเจอร์กริดเริ่มต้น

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

สิ่งนี้จะกำหนดพฤติกรรมพื้นฐานของรหัสย่อ แต่คุณยังสามารถเปลี่ยนพฤติกรรมนี้สำหรับแต่ละกริดได้โดยการเพิ่มพารามิเตอร์ลงในรหัสย่อ

หากต้องการเข้าถึงการตั้งค่าปลั๊กอินให้ไปที่ การตั้งค่า WooCommerce →. จากนั้นคลิกที่แท็บ ผลิตภัณฑ์ และเลือกตัวเลือก ตารางผลิตภัณฑ์ :

เพิ่มคอลัมน์ผลิตภัณฑ์ woocommerce wordpress.png

การกำหนดค่าลักษณะกริดของคุณ

ก่อนอื่นคุณสามารถเลือกรูปแบบของกริดของคุณได้ในส่วน การออกแบบตาราง. คุณสามารถทำได้ด้วย:

  • ค่าเริ่มต้น - อย่างที่คุณสามารถจินตนาการได้ว่าตัวเลือกนี้ใช้การตั้งค่าเริ่มต้นของปลั๊กอินโดยไม่มีการแทรกแซงใด ๆ ในส่วนของคุณ เขาจะพยายามใช้ธีมปัจจุบันของบล็อกของคุณให้มากที่สุด
  • Personnalisé : เมื่อเลือกจะขยายรายการตัวเลือกสไตล์ที่ช่วยให้คุณปรับแต่งสีและขนาดฟอนต์ได้โดยไม่ต้องใช้ CSS ที่กำหนดเอง.

ปรับแต่งตารางผลิตภัณฑ์ css.png

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

การกำหนดการตั้งค่าตารางผลิตภัณฑ์. png

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

ค้นพบยัง วิธีการเพิ่มการจัดเก็บ WooCommerce บน Facebook

เมื่อคุณตั้งค่าเริ่มต้นรหัสย่อแล้วคุณสามารถเลื่อนเพิ่มเติมเพื่อกำหนดการตั้งค่าเค้าโครงและคุณลักษณะขั้นสูงเพิ่มเติม

การกำหนดค่าขั้นสูงของผลิตภัณฑ์ tables.png

อีกครั้งปลั๊กอินทำงานได้ดี เพื่อให้ข้อมูลเพิ่มเติมสำหรับพารามิเตอร์ใด ๆ ซึ่งอาจเข้าใจยากสักหน่อย 

วิธีควบคุมสต็อคของร้านค้าออนไลน์ WooCommerce ของคุณ ? ค้นพบมันโดยคลิกที่ลิงค์นี้

สิ่งหนึ่งที่ต้องใส่ใจคือ ข้อ จำกัด ของค่าใช้จ่ายที่ก้าวหน้า. หากคุณตัดสินใจที่จะใช้การโหลดแบบโปรเกรสซีฟเพื่อเร่งร้านค้าออนไลน์ของคุณคุณจะ จำกัด ฟังก์ชันการค้นหาและจัดเรียงของปลั๊กอิน

ดูเพิ่มเติมที่การเลือกของเรา ปลั๊กอิน WooCommerce ที่ดีที่สุดของ 12 เพื่อปรับปรุงร้านค้าออนไลน์ของคุณ

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

ขั้นตอน 2: เพิ่มวิดเจ็ตกริด WooCommerce (ไม่บังคับ)

ดังที่ฉันได้กล่าวไปแล้ว WooCommerce Product Table ยังมีวิดเจ็ตสี่รายการเพื่อช่วยคุณเพิ่มตัวเลือกการกรองไปยังแถบด้านข้างของคุณ ( เท่าที่คุณทำได้สำหรับร้านค้า WooCommerce แบบคลาสสิก ).

หากต้องการเข้าถึงให้ไปที่ ลักษณะที่ปรากฏ→วิดเจ็ต ตามปกติและเลื่อนบนวิดเจ็ตที่ต้องการ:

วิดเจ็ตตาราง woocommerce.png

ขั้นตอนที่ 3: เพิ่มรหัสย่อที่คุณต้องการแสดงตารางผลิตภัณฑ์ของคุณ

คุณอยู่ที่เส้นชัย! ตอนนี้สิ่งที่คุณต้องทำคือเพิ่มรหัสย่อ [product_table] ทุกที่ที่คุณต้องการให้เส้นตารางของคุณปรากฏ

ค้นพบด้วย วิธีการค้นหาเชื่อมโยงไปยังหน้าเข้าสู่ระบบเวิร์ดเพรส

โดยค่าเริ่มต้นรหัสย่อจะทำงานตามการตั้งค่าที่คุณเลือกในขั้นตอนที่ 1 แต่ถ้าคุณต้องการปรับแต่งฟังก์ชันการทำงานสำหรับรหัสย่อเฉพาะคุณสามารถทำได้โดยใช้ พารามิเตอร์ย่อจำนวนมาก สามารถใช้ได้

ตัวอย่างเช่นหากต้องการใช้เฉพาะกริดกับผลิตภัณฑ์ของหมวดหมู่ที่เจาะจงคุณสามารถเพิ่มพารามิเตอร์ดังนี้:

[product_table หมวดหมู่="หมวก"]

คุณสามารถสร้างสรรค์และใช้เงื่อนไข AND / OR ได้ที่นี่

ตัวอย่างเช่น

  • [product_table หมวดหมู่= "หมวก + ใน ดาว« ] แสดงเฉพาะผลิตภัณฑ์ที่เป็นของ เวลา ไปที่หมวดหมวก et ในดวงดาว
  • Product_table หมวดหมู่= "หมวก ใน ดารา”] แสดงผลิตภัณฑ์ที่มี ว่า หมวก ou หมวดหมู่ดาว

การใส่ใจในรายละเอียดเล็ก ๆ น้อย ๆ นี้เป็นสิ่งที่ทำให้กริดของผลิตภัณฑ์ WooCommerce นั้นยอดเยี่ยมมาก 

ดูเพิ่มเติมที่ 6 ปลั๊กอิน WordPress เพื่อสร้างชีวิตใหม่ให้กับบทความของคุณ

และนั่นคือทั้งหมดที่มีอยู่ในตารางผลิตภัณฑ์บน WooCommerce!

ราคาปลั๊กอิน WooCommerce Product Table

WooCommerce Product Table เป็นปลั๊กอินพรีเมียมโดยเฉพาะ แม้ว่าจะมีตัวเลือกฟรีไม่กี่รายการในไดเรกทอรี WordPress.org แต่ฉันไม่พบตัวเลือกใดที่ยืดหยุ่นหรือมีเอกสารดีดังนั้นฉันคิดว่า WooCommerce Product Table คุ้มค่ากับราคาซึ่งก็คือ ...

สำหรับเว็บไซต์ 1 - 75 เหรียญ

สำหรับไซต์ 5 เว็บ - 135 เหรียญ

สำหรับเว็บไซต์ 20 - 275 เหรียญ

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

คุณสามารถใช้อื่นๆ ปลั๊กอิน WordPress เพื่อให้ดูทันสมัยและเพิ่มประสิทธิภาพการจัดการบล็อกหรือเว็บไซต์ของคุณ

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 HBook

HBook เป็น ส่วนขยายของ WordPress ซึ่งจะช่วยให้คุณสามารถสร้างโซลูชันการจองออนไลน์บนเว็บไซต์ของคุณได้อย่างง่ายดาย

เอชบุ๊ก

เหมาะอย่างยิ่งสำหรับทุกคนที่มีธุรกิจในกลุ่มโรงแรม (โรงแรมอพาร์ทเมนต์วันหยุดแคมป์ปิ้ง ฯลฯ )

ค้นพบยังของเรา ปลั๊กอิน WordPress 5 เพื่อแบ่งปันเนื้อหาของบล็อกของคุณ

ขอบคุณ WordPress ปลั๊กอิน HBook คุณสามารถเพิ่มปฏิทินห้องว่าง รายการราคา และแบบฟอร์มการจองไปยังเว็บไซต์ของคุณได้ในเวลาไม่กี่วินาที

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง 

2. WooCommerce Tabs Pro: แท็บเสริมสำหรับหน้าผลิตภัณฑ์

Ce WordPress ปลั๊กอิน ให้คุณมีแท็บเพิ่มเติมได้ไม่จำกัดในหน้าผลิตภัณฑ์เสริมแท็บผลิตภัณฑ์-หน้าเวิร์ดเพรสปลั๊กอินต่อการสร้างหน้า

คุณสมบัติหลักคือ: ความเป็นไปได้ของ เปลี่ยนชื่อของแท็บ ตัวแก้ไขเพื่อแก้ไขเนื้อหาที่กำหนดเอง pความเป็นไปได้ในการตรึงแท็บหรือไม่ก็ตามทางเลือกของ ไอคอนสำหรับแท็บการถอดง่าย แท็บ pการปรับแต่งตำแหน่งของแท็บบนอินเทอร์เฟซสาธารณะจt เพิ่มเติม ...

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ปลั๊กอิน WooCommerce นี้อนุญาตให้ บริษัท ในเครือของคุณได้รับคะแนนเครดิตหากสมาชิกของพวกเขาซื้อผลิตภัณฑ์ของคุณจากร้านค้าออนไลน์ที่มีอยู่ของคุณ

ปลั๊กอินการอ้างอิงหลายระดับของ Woocommerce

คุณสมบัติอื่น ๆ ได้แก่ การกำหนดค่าวงเงินสินเชื่อและการไถ่ถอนส่วนบุคคลรายงานการดูแลระบบที่สมบูรณ์สำหรับผู้ใช้ที่ลงทะเบียนการจัดการพารามิเตอร์ทั่วโลกหรือเฉพาะผลิตภัณฑ์ การสนับสนุน shortcodes, และอื่น ๆ อีกมากมาย

ค้นพบด้วย วิธีเพิ่มแบบฟอร์มการติดต่อแบบหล่นลงในส่วนหัวร่วมของคุณ

เป็นระบบพันธมิตร WooCommerce หลายระดับซึ่งอยู่นอกระบบธุรกรรมพันธมิตรทั่วไป

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

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

สรุป

แค่นั้นแหละ! เพียงเท่านี้สำหรับบทช่วยสอนนี้ ฉันหวังว่าคุณจะสามารถสร้างกริดผลิตภัณฑ์ WooCommerce บน WordPress. อย่าลังเลที่จะ แบ่งปันเคล็ดลับกับเพื่อนของคุณบนเครือข่ายสังคมของคุณ.

อย่างไรก็ตามคุณยังจะสามารถปรึกษาเราได้ บริการสารสนเทศหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress

แต่ในระหว่างนี้โปรดแจ้งให้เราทราบเกี่ยวกับไฟล์ ความเห็น และข้อเสนอแนะในส่วนเฉพาะ

...