วิธีสร้างคุณลักษณะวีโอไอพีสำหรับผลิตภัณฑ์

เผยแพร่แล้ว: 2022-02-16

เมื่อคุณตั้งค่าไซต์ Magento เป็นครั้งแรก ผลิตภัณฑ์ของคุณจะมีราคา น้ำหนัก รูปภาพ และตัวเลือกอีคอมเมิร์ซยอดนิยมอื่นๆ

อย่างไรก็ตาม ตัวเลือกเหล่านี้ไม่เพียงพอสำหรับร้านค้าจำนวนมาก สินค้าที่แตกต่างกันมีความต้องการที่แตกต่างกัน นี่คือตัวอย่างง่ายๆ:

  • ร้านหนังสือจะต้องมีช่องสำหรับผู้จัดพิมพ์ วันที่ตีพิมพ์ และหมายเลข ISBN
  • ร้านขายเสื้อผ้าอาจต้องมีฟิลด์สำหรับประเภทผ้า ขนาดเสื้อผ้า และสีเสื้อผ้า
  • ร้านขายรถอาจต้องมีฟิลด์สำหรับเครื่องยนต์ ประเภทตัวถัง และไมล์ต่อแกลลอน

Magento ให้คุณเพิ่มรายละเอียดทั้งหมดผ่านการใช้ "แอตทริบิวต์" ในบทช่วยสอนนี้ ฉันจะแสดงวิธีใช้แอตทริบิวต์ใน Magento

คู่มือนี้นำมาจาก Magento 2 Explained ซึ่งเป็นหนังสือขายดีที่สุดของ Magento 2 เราใช้ตัวอย่างของร้านค้าที่ชื่อว่า "Orangeville" ในหนังสือเล่มนั้น ดังนั้นคุณจะเห็นมันอ้างอิงถึงที่นี่


อธิบายการใช้คุณลักษณะวีโอไอพี

คุณได้ดูคุณลักษณะต่างๆ ตลอดหนังสือเล่มนี้โดยที่ไม่รู้ตัว

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

  • ไปที่ "ร้านค้า" จากนั้น "ชุดแอตทริบิวต์"
  • คลิกที่ "ค่าเริ่มต้น"

ชุดแอตทริบิวต์วีโอไอพี

ตอนนี้คุณเห็นหน้าที่มีสามคอลัมน์:

  • คอลัมน์ด้านซ้ายคือชื่อของชุดแอตทริบิวต์นี้: "ค่าเริ่มต้น"
  • คอลัมน์กลางประกอบด้วยแอตทริบิวต์ทั้งหมดที่กำลังใช้งานอยู่
  • คอลัมน์ด้านขวาประกอบด้วยแอตทริบิวต์ทั้งหมดที่ไม่ได้ใช้

แก้ไขชุดแอตทริบิวต์วีโอไอพี

มาดูกันว่าเราจะเพิ่มแอตทริบิวต์พิเศษให้กับเว็บไซต์ของเราได้อย่างไร

  • ลากแอตทริบิวต์ "ผู้ผลิต" จากคอลัมน์ด้านขวาไปที่คอลัมน์กลาง วางไว้ระหว่าง "news_to_date" และ "ประเทศผู้ผลิต"

การเพิ่มคุณสมบัติวีโอไอพี

ตอนนี้เรามีคุณลักษณะสองประการที่เกี่ยวข้องกับการผลิตแล้ว เรามารวมกลุ่มเข้าด้วยกัน

  • คลิกปุ่ม "เพิ่มใหม่" ในคอลัมน์กลาง

เพิ่มกลุ่มแอตทริบิวต์วีโอไอพีใหม่

  • ป้อน "การผลิต"
  • คลิกปุ่ม "ตกลง"

กลุ่มแอตทริบิวต์วีโอไอพีใหม่

  • กลุ่ม "Manfacturing" ใหม่ของคุณจะปรากฏที่ด้านล่างของคอลัมน์กลาง:

หน้าจอพร้อมกลุ่มแอตทริบิวต์วีโอไอพีใหม่

  • ลากและวางกลุ่ม "Manfacturing" ขึ้นไปที่คอลัมน์กลาง เพื่อให้อยู่ในตำแหน่งเหนือกลุ่ม "Content":

การจัดตำแหน่งกลุ่มแอตทริบิวต์

  • ย้ายทั้ง "ผู้ผลิต" และ "country_of_manufacturer" ไปที่กลุ่ม "Manufacturing" ใหม่ของคุณ:

ย้ายกลุ่มแอตทริบิวต์

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

  • ไปที่ "ผลิตภัณฑ์" จากนั้น "แคตตาล็อก"
  • คลิก "แก้ไข" ข้าง "ส้ม"
  • เลื่อนลงแล้วคุณจะเห็นพื้นที่ "การผลิต" ใหม่:

เพิ่มคุณสมบัติให้กับสินค้า

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

การตั้งค่าผู้ผลิต

ฟิลด์ผู้ผลิตมีให้โดยค่าเริ่มต้นกับวีโอไอพี แต่ยังไม่มีตัวเลือกใดๆ มาแก้กันต่อไป

  • คลิก "บันทึกและปิด" สำหรับผลิตภัณฑ์ Oranges บนหน้าจอปัจจุบันของคุณ
  • ไปที่ "ร้านค้า" จากนั้นไปที่ "ผลิตภัณฑ์"
  • เลื่อนลงมาบนหน้าจอนี้ และคลิกที่แถว "ผู้ผลิต"
  • ป้อนตัวเลือกสำหรับฟิลด์ผู้ผลิต ฉันได้เลือกบริษัทปลอมสามแห่ง:
    • Big Orange Corp
    • บิ๊กแมงโก้คอร์ป
    • Big Peaches Corp

ตัวเลือกแอตทริบิวต์วีโอไอพี

  • บันทึกแอตทริบิวต์
  • ไปที่ "แคตตาล็อก" จากนั้น "ผลิตภัณฑ์"
  • แก้ไขผลิตภัณฑ์ "ส้ม"
  • อัปเดตฟิลด์ "ผู้ผลิต":

แก้ไขคุณลักษณะวีโอไอพี

  • คลิก "บันทึกและปิด"
  • ไปที่ด้านหน้าของไซต์ของคุณและตรวจดูหน้าผลิตภัณฑ์ "ส้ม"

คุณสามารถดูรายละเอียดการผลิตที่คุณเพิ่งเพิ่มเข้าไปได้หรือไม่

ไม่มียังไม่ได้.

เรามีงานต้องทำมากขึ้นก่อนที่แอตทริบิวต์ของเราจะปรากฏให้เห็น

การดูคุณลักษณะวีโอไอพี


อธิบายคุณสมบัติของวีโอไอพี

เมื่อเราได้สร้างแอตทริบิวต์แล้ว มาทำให้มองเห็นได้บนเว็บไซต์:

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

แสดงคุณลักษณะวีโอไอพี

  • คลิกที่แถว "ประเทศที่ผลิต"
  • คลิกแท็บ "คุณสมบัติของหน้าร้าน"
  • ตั้งค่า "มองเห็นได้บนหน้าแค็ตตาล็อกที่หน้าร้าน" เป็น "ใช่"

คุณลักษณะวีโอไอพีที่มองเห็นได้

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

วิธีแสดงคุณลักษณะวีโอไอพี

  • ไปที่ด้านหน้าของไซต์ของคุณและไปที่ผลิตภัณฑ์ "Oranges" คุณจะเห็นแท็บใหม่ชื่อ "ข้อมูลเพิ่มเติม" พื้นที่นี้มีคุณลักษณะวีโอไอพีของคุณ:

คุณลักษณะวีโอไอพีในแท็บ


อธิบายการสร้างคุณลักษณะ Magento ใหม่

ในตัวอย่างแรก เราใช้แอตทริบิวต์ที่มีอยู่ 2 รายการ ได้แก่ "ประเทศที่ผลิต" และ "ผู้ผลิต"

ในตัวอย่างนี้ มาสร้างแอตทริบิวต์ Magento ใหม่สำหรับผลิตภัณฑ์ของเรากัน นี่จะเป็น "วิธีการทำฟาร์ม" และสองตัวเลือกจะเป็น "แบบออร์แกนิก" และ "แบบไม่ใช้ออร์แกนิก"

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

คุณสมบัติแอตทริบิวต์วีโอไอพี

  • เพิ่ม "ออร์แกนิก" และ "ไม่ออร์แกนิก" เป็นตัวเลือก:

เพิ่มคุณสมบัติแอตทริบิวต์วีโอไอพี

  • คลิกแท็บ "คุณสมบัติของหน้าร้าน"
  • ตั้งค่า "มองเห็นได้บนหน้าแค็ตตาล็อกที่หน้าร้าน" เป็น "ใช่"
  • บันทึกแอตทริบิวต์

ขั้นตอนต่อไปของเราคือการวางแอตทริบิวต์ใหม่ในตำแหน่งที่ถูกต้องในหน้าจอแก้ไข:

  • ไปที่ "ร้านค้า" จากนั้น "ชุดแอตทริบิวต์"
  • แก้ไขชุดแอตทริบิวต์ "ค่าเริ่มต้น"
  • ย้ายแอตทริบิวต์ "farming_method" จากคอลัมน์ด้านขวาไปยังกลุ่ม "Manufacturing"

การวางคุณลักษณะวีโอไอพีใหม่

  • คลิกปุ่ม "บันทึก"

ไปดูแอตทริบิวต์ใหม่ของเราในการดำเนินการภายในผลิตภัณฑ์กันเถอะ

  • ไปที่ "ผลิตภัณฑ์" จากนั้น "แคตตาล็อก"
  • แก้ไขผลิตภัณฑ์ "ส้ม"
  • ทำการเลือกจากฟิลด์ "วิธีการทำฟาร์ม":

การเลือกคุณลักษณะวีโอไอพีใหม่

  • บันทึกผลิตภัณฑ์และไปที่ด้านหน้าของไซต์ของคุณ มีแอตทริบิวต์ใหม่ของคุณ:

การดูคุณลักษณะวีโอไอพีใหม่


ค้นหาด้วยคุณสมบัติที่อธิบาย

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

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

ตัวกรองแอตทริบิวต์วีโอไอพี

คุณจะทราบได้อย่างไรว่าแอตทริบิวต์ใดบ้างที่ใช้ได้เป็นตัวกรอง

  • ไปที่ "ร้านค้า" จากนั้นไปที่ "ผลิตภัณฑ์"
  • ดูในคอลัมน์ "ใช้ในการนำทางแบบเลเยอร์" คุณลักษณะใดๆ ที่มีข้อความ "กรองได้ (พร้อมผลลัพธ์)" จะเป็นตัวกรอง

เปิดใช้งานตัวกรองแอตทริบิวต์วีโอไอพี

มาทำการเปลี่ยนแปลงเพื่อให้แอตทริบิวต์ Magento ใหม่ของเราพร้อมใช้งานเป็นตัวกรอง:

  • คลิกแถว "วิธีการทำฟาร์ม"
  • คลิกแท็บ "คุณสมบัติของหน้าร้าน"
  • เปลี่ยน "ใช้ในการนำทางแบบเลเยอร์" เป็น "กรองได้ (พร้อมผลลัพธ์)"
  • เปลี่ยน "ใช้ในการนำทางแบบเลเยอร์ผลการค้นหา" เป็น "ใช่"
  • บันทึกแอตทริบิวต์นี้

ตัวเลือกการค้นหาแอตทริบิวต์วีโอไอพี

  • ไปที่ด้านหน้าของไซต์ของคุณ และภายใต้ลิงก์ "ผลไม้" ตัวกรอง "วิธีการทำฟาร์ม" ของคุณจะเป็นตัวเลือก:

มุมมองการค้นหาแอตทริบิวต์วีโอไอพี