วิธีเพิ่มหมวดหมู่สินค้าใน WooCommerce

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

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

หากคุณมีหน้าเก็บถาวรใน WooCommerce คุณสามารถแสดงตัวเลือกต่างๆ ได้ เราจะเรียนรู้วิธีแสดงหมวดหมู่ในรายการแยกต่างหากก่อนแสดงผลิตภัณฑ์ในบทช่วยสอนนี้ โค้ดด้านล่างนี้ต้องรวมอยู่ในไฟล์ functions.php ของ เทมเพลต WooCommerce ในโฟลเดอร์ปลั๊กอินของคุณ คุณต้องใส่รหัสต่อไปนี้: อัปโหลดไฟล์ cloudways-product.php ID ของ $parentid ถูกกำหนดให้เป็นอ็อบเจ็กต์ที่ถูกสืบค้นปัจจุบันในโค้ดด้านบน ด้วย get_terms() จะส่งคืนอาร์เรย์ของเงื่อนไขที่เป็นของพาเรนต์ของรายการปัจจุบัน ในตัวอย่างด้านบน คุณสามารถใช้ WordPress_register_style เพื่อเปลี่ยนรูปแบบหน้า WordPress ของคุณได้

ไฟล์ CSS แบบกำหนดเองที่สร้างขึ้นเพื่อแสดงหมวดหมู่ย่อยในไฟล์ CSS ของคุณ ผลิตภัณฑ์ที่เรียบง่ายถูกจัดประเภทเป็น SKU เดียวและไม่มีการแปรผันหรือคุณลักษณะพิเศษเฉพาะ เมื่อคุณผลิตสินค้าแบบแปรผัน คุณอาจมีรูปแบบหรือตัวเลือกที่หลากหลาย ซึ่งแต่ละแบบอาจแตกต่างกันในด้านราคาหรือปริมาณ ASKU เป็นตัวระบุเฉพาะสำหรับผลิตภัณฑ์ ตามระบบข้อมูลที่ใช้ภายใต้ชื่อ หมายเลขชิ้นส่วน หรือ ID ผลิตภัณฑ์

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

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

ฉันจะเพิ่มหมวดหมู่และหมวดหมู่ย่อยใน Woocommerce ได้อย่างไร

เครดิต: Stack Overflow

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

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

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

ฉันจะจัดหมวดหมู่ผลิตภัณฑ์ใน Woocommerce ได้อย่างไร

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

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

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

ปลั๊กอินแท็กสินค้าสำหรับ Woocommerce

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

Woocommerce เพิ่มหมวดหมู่ให้กับผลิตภัณฑ์โดยทางโปรแกรม

เครดิต: www.businessbloomer.com

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

รหัสย่อหมวดหมู่ Woocommerce

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

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

นอกจาก order=, columns= และ orderby= แล้ว อาร์กิวเมนต์ต่อไปนี้สามารถใช้เปลี่ยนรหัสได้ จำนวนคอลัมน์ที่ควรใช้ในการห่อแต่ละผลิตภัณฑ์ก่อนที่จะห่อ สามารถกำหนดโดยแอตทริบิวต์ของคอลัมน์ หลังจากที่คุณเพิ่มรหัสย่อนี้แล้ว คุณจะเห็นผลลัพธ์ด้านล่าง: ผลิตภัณฑ์ยอดนิยมคือสินค้าขายดี รหัสย่อของผลิตภัณฑ์ที่เกี่ยวข้องแสดงถึงผลิตภัณฑ์ในประเภทเดียวกับที่ลูกค้ากำลังดูอยู่ สามารถเพิ่มคุณสมบัติขั้นสูงต่อไปนี้ได้: top_rated_product per_page=14 columns=14′′, orderby date/date order[ASC] orderbydate. ลูกค้าสามารถกรองผลิตภัณฑ์ตามแอตทริบิวต์ได้โดยคลิกที่ผลิตภัณฑ์

ปลั๊กอิน Woocommerce ใหม่ทำให้การเพิ่มรหัสย่อเป็นเรื่องง่าย

ในการเพิ่มรหัสย่อสำหรับหมวดหมู่ผลิตภัณฑ์ WooCommerce ให้ไปที่หน้าการตั้งค่าปลั๊กอินและเลือกหมวดหมู่ที่คุณต้องการใช้ คุณจะสามารถเข้าถึงแท็บรหัสย่อใหม่หลังจากที่เปิดใช้งานในตัวแก้ไขปลั๊กอินของคุณแล้ว ซึ่งคุณสามารถเพิ่มรหัสย่อใหม่ได้ หลังจากที่คุณเพิ่มรหัสย่อแล้ว คุณสามารถใช้รหัสดังกล่าวเพื่อแสดงรายการประเภทผลิตภัณฑ์ของคุณบนหน้าร้านค้า WooCommerce ของคุณ ในเนื้อหาของโพสต์หรือหน้า ให้ป้อน [product_category limit=”4″] และ WooCommerce จะแสดงรายการหมวดหมู่ผลิตภัณฑ์ทั้งหมดของคุณเรียงตามชื่อ คุณสามารถใช้รหัสย่อเพื่อแสดงทั้งหน้าร้านค้าและตัวเลือกการแสดงหมวดหมู่เริ่มต้นในหน้าผลิตภัณฑ์ WooCommerce ของคุณ คุณสามารถป้อน [product_categories display=both] ลงในโพสต์หรือเนื้อหาของหน้า และ WooCommerce จะแสดงทั้งหน้าร้านค้าและหมวดหมู่ผลิตภัณฑ์ของคุณ หากต้องการเพิ่มรหัสย่อในหน้าผลิตภัณฑ์ WooCommerce ให้ไปที่การตั้งค่าปลั๊กอินแล้วเลือก

วิธีรับหมวดหมู่สินค้าใน Woocommerce

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

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

คุณสมบัติหมวดหมู่ผลิตภัณฑ์ใน WooCommerce นั้นยอดเยี่ยม แต่แสดงรูปภาพที่ค่อนข้างไม่สวย ในบทความนี้ เราจะพูดถึงวิธีการแสดงหมวดหมู่ผลิตภัณฑ์มากกว่า 6 วิธี ในการนำเข้าผลิตภัณฑ์ mageplaza จากไฟล์ปลั๊กอิน โปรดป้อนรหัสต่อไปนี้ในไฟล์ปลั๊กอิน: mageplazaproduct.php คุณยังสามารถเลือกใช้ธีมของคุณเองใน WordPress ได้อีกด้วย ไฟล์ css ต่อไปนี้มีหมวดหมู่ย่อย

หมวดหมู่ Woocommerce ไม่แสดงในเมนู

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

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