วิธีใช้ผลิตภัณฑ์ตามแอตทริบิวต์ WooCommerce Block

เผยแพร่แล้ว: 2021-12-16

เมื่อร้านค้า WooCommerce ของคุณเติบโตขึ้น ความหลากหลายของผลิตภัณฑ์ที่คุณนำเสนอก็จะเพิ่มขึ้นเช่นกัน วิธีหนึ่งที่ดีที่สุดในการจัดหมวดหมู่รายการต่างๆ คือการใช้คุณลักษณะต่างๆ เช่น สีหรือขนาด บล็อก Products by Attribute WooCommerce ช่วยให้คุณสามารถแสดงผลิตภัณฑ์ที่เหมาะสมกับลักษณะเฉพาะได้ ด้วยวิธีนี้ ลูกค้าสามารถค้นหารูปแบบและขนาดที่ตรงกับความต้องการของพวกเขาได้

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

มาเริ่มกันเลย!

วิธีเพิ่มผลิตภัณฑ์ตามแอตทริบิวต์ WooCommerce บล็อกในโพสต์หรือหน้าของคุณ

บล็อก Products by Attribute ให้คุณเลือกจากลักษณะผลิตภัณฑ์ทั้งหมดในร้านค้า WooCommerce ของคุณ เมื่อคุณเลือกแอตทริบิวต์แล้ว องค์ประกอบจะแสดงตารางผลิตภัณฑ์ที่แสดงรายการทั้งหมดที่มีคุณสมบัตินั้น

ตัวอย่างเช่น คุณสามารถใช้บล็อก Products by Attribute เพื่อแสดงรายการเสื้อผ้าในขนาดหรือสีเฉพาะ คุณอาจกำหนดลักษณะผลิตภัณฑ์ตามแบรนด์หรือวัสดุ

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

การเพิ่ม Product by Attribute block ใน WooCommerce

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

เมื่อคุณแทรกบล็อก Products by Attribute แล้ว WooCommerce จะแสดงรายการแอตทริบิวต์ที่มีให้สำหรับผลิตภัณฑ์ของคุณ โปรดทราบว่าคุณสามารถเพิ่มหรือแก้ไขคุณลักษณะได้เสมอ หากคุณไม่พอใจกับตัวเลือกปัจจุบันของคุณ:

รายการคุณลักษณะของผลิตภัณฑ์

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

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

ตารางผลิตภัณฑ์สำหรับแอตทริบิวต์สีน้ำเงิน

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

ผลิตภัณฑ์ตามแอตทริบิวต์ การตั้งค่าและตัวเลือกบล็อก WooCommerce

กลุ่ม ผลิตภัณฑ์ตามแอตทริบิวต์ ประกอบด้วยตัวเลือกการจัดรูปแบบและการกำหนดค่าที่หลากหลาย หากคุณเลือกองค์ประกอบ คุณจะเห็นเมนูการจัดรูปแบบปรากฏขึ้นเหนือองค์ประกอบ เมนูนั้นมีตัวเลือกสำหรับ (1) เปลี่ยนความกว้างของบล็อกและ (2) แก้ไขการเลือกแอตทริบิวต์ของคุณ:

การตั้งค่าการจัดรูปแบบของบล็อก Product by Attribute

การเลือกบล็อกและคลิกที่ไอคอนรูปเฟืองที่มุมบนขวาของหน้าจอจะเป็นการเปิดเมนูการกำหนดค่า ตัวเลือก เค้าโครง (1) ช่วยให้คุณสามารถเปลี่ยนจำนวนคอลัมน์และแถวในตารางผลิตภัณฑ์ของบล็อกได้ คุณยังสามารถใช้การตั้งค่า Align Last Block (2) เพื่อจัดตำแหน่งปุ่ม Add to basket ภายในตาราง:

การเปลี่ยนเลย์เอาต์สำหรับบล็อก Product by Attribute ใน WooCommerce

ต่อจากนี้ไป ส่วน เนื้อหา จะให้คุณเลือกว่าองค์ประกอบใดที่จะปรากฏภายในกลุ่ม ผลิตภัณฑ์ตามแอตทริบิวต์ โดยค่าเริ่มต้น แต่ละผลิตภัณฑ์จะมีชื่อ (1) ราคา (2) คะแนน (3) และปุ่ม เพิ่มในตะกร้า (4):

การเลือกองค์ประกอบที่จะแสดงภายในบล็อกผลิตภัณฑ์ตามคุณสมบัติ

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

การเปลี่ยนลำดับที่ผลิตภัณฑ์ปรากฏในบล็อกของคุณ

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

เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ผลิตภัณฑ์ตามแอตทริบิวต์ WooCommerce Block

บล็อก Products by Attribute ช่วยให้คุณสามารถเพิ่มตารางผลิตภัณฑ์ที่กำหนดเองได้ทุกที่บนเว็บไซต์ WordPress ของคุณ อย่างไรก็ตาม องค์ประกอบนี้ไม่มีส่วนหัวที่อธิบายประเภทของรายการในกริด

เพื่อหลีกเลี่ยงความสับสน เราแนะนำให้เพิ่มบล็อกส่วน หัว ที่อธิบายแอตทริบิวต์ที่คุณเลือก:

บล็อกผลิตภัณฑ์ตามแอตทริบิวต์ที่มีหัวข้ออธิบาย

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

คำถามที่พบบ่อยเกี่ยวกับผลิตภัณฑ์ตามแอตทริบิวต์ WooCommerce Block

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

ฉันสามารถเลือกแอตทริบิวต์ได้กี่รายการกับผลิตภัณฑ์ตามบล็อกแอตทริบิวต์

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

ฉันจะเพิ่มคุณสมบัติ WooCommerce ใหม่ได้อย่างไร

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

ฉันควรวางผลิตภัณฑ์ตามบล็อกแอตทริบิวต์ที่ไหน

บล็อก Products by Attribute เหมาะอย่างยิ่งสำหรับหน้าแรกของร้านค้า การแสดงองค์ประกอบบนโฮมเพจของคุณ คุณสามารถกระตุ้นความสนใจไปยังสินค้าที่กำลังเป็นที่นิยม และแสดงรายการที่อาจไม่ได้รับความสนใจมากนัก

บทสรุป

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

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

คุณมีคำถามใด ๆ เกี่ยวกับการใช้บล็อก Products by Attribute WooCommerce หรือไม่? พูดคุยเกี่ยวกับพวกเขาในส่วนความคิดเห็นด้านล่าง!

ภาพเด่นผ่าน ProStockStudio / shutterstock.com