วิธีเพิ่มหน้าร้านค้า WooCommerce ในเว็บไซต์ WordPress ของคุณ

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

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

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

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

Product Table เป็นปลั๊กอินพรีเมียมที่มีราคา 89 USD ต่อปี และใช้งานง่ายมาก ด้วยสิ่งนี้ คุณสามารถสร้างเทมเพลตหน้าร้านค้าของคุณเองได้อย่างง่ายดาย หากคุณต้องการปรับแต่งหน้าร้านค้าของคุณ JetWoo Builder เป็นปลั๊กอินที่ดีอีกตัวหนึ่ง มีวิดเจ็ต เทมเพลตที่กำหนดเอง ตัวสลับเลย์เอาต์ เพจเฉพาะร้านค้า ประเภทวงล้อ และหมวดหมู่ให้เลือก ใน WooCommerce หน้าร้านค้าเปล่าเป็นหนึ่งในปัญหาที่พบบ่อยที่สุด คุณสามารถจัดระเบียบสินค้าของคุณได้อย่างมีประสิทธิภาพมากขึ้นโดยการแสดงหมวดหมู่บนหน้าร้านค้า และผู้ใช้สามารถค้นหาสิ่งที่พวกเขากำลังมองหาได้ง่ายขึ้น คุณมีตัวเลือกในการใช้ธีมลูกหรือสร้างโดยทางโปรแกรมโดยใช้ปลั๊กอิน เช่น JetWoobuilder

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

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

ในการเข้าถึงพื้นที่ผู้ดูแลระบบ ให้ไปที่ Woocommerce > Settings จากนั้นไปที่เมนูหลักด้านซ้าย เลือก Pages ในการตั้งค่าหน้า คุณสามารถเข้าถึง หน้าฐานร้านค้า ได้โดยคลิกที่เมนูดรอปดาวน์และเลือก หลังจากคลิกแล้ว หน้าจะถูกลบออก

คุณสามารถเพิ่มหน้าร้านค้าใน WordPress ได้หรือไม่?

WordPress อนุญาตให้คุณเลือกปลั๊กอินจากพื้นที่ผู้ดูแลระบบ WordPress สามารถเพิ่มรายการใหม่ได้โดยคลิกที่ปุ่มรายการใหม่ คลิก “ Shop Page WP ” เพื่อเริ่มต้น เมื่อคุณคลิก "ติดตั้งทันที" คุณจะได้รับแจ้งให้ดำเนินการต่อ คุณสามารถดำเนินการต่อได้โดยคลิก "เปิดใช้งาน"

Shop Page WP สามารถใช้สร้างหน้าร้านค้าในเครือสำหรับบล็อกของคุณได้ วิธีที่ง่ายที่สุดในการสร้างหน้าร้านค้าคือการเพิ่มสินค้าทันทีที่คุณคลิก ไม่จำเป็นต้องมีทักษะทางเทคนิคหรือทักษะพิเศษใดๆ ในหน้าร้านค้าของคุณ ให้สร้างตารางสินค้าที่สวยงาม หรือคุณสามารถแทรกสินค้าเฉพาะลงในบล็อกโพสต์โดยคลิกลิงก์ที่เหมาะสม การออกแบบที่มีน้ำหนักเบาของ Shop Page WP จะไม่ทำให้เว็บไซต์ของคุณช้าลงมากเท่ากับปลั๊กอินขนาดใหญ่อื่น ๆ เช่น WooCommerce หน้าสนับสนุนของปลั๊กอินสามารถพบได้บน WordPress.org หรือดูข้อมูลเพิ่มเติมได้ที่ shoppagewp.com รหัสโพสต์ผลิตภัณฑ์ ซึ่งแสดงเป็นคอลัมน์ สามารถคัดลอกและวางลงในรหัสย่อหรือบล็อก Gutenberg โดยใช้รหัสโพสต์ผลิตภัณฑ์

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

หน้าร้านค้าใน Woocommerce อยู่ที่ไหน?

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

วิธีปรับแต่งหน้าร้านค้า Woocommerce ใน WordPress

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

เมื่อคุณติดตั้งและเปิดใช้งาน WooCommerce จะสร้างหน้าร้านค้าให้เป็นส่วนหนึ่งของร้านค้าของคุณ หน้าที่คุณสามารถแสดงรายการของคุณเป็นส่วนสำคัญของความสำเร็จของบริษัทของคุณ ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีปรับแต่งหน้าร้านค้า WooCommerce เมื่อคุณติดตั้ง WooCommerce หน้าร้านค้าจะถูกสร้างขึ้นสำหรับคุณ ส่วน 'พฤติกรรมการหยิบใส่ตะกร้า' มีสองตัวเลือก หนึ่งตัวเลือกด้านล่างการตั้งค่าหน้า 'ร้านค้า' มีเนื้อหาเกี่ยวกับร้านค้าหลายประเภทที่สามารถแสดงได้ คุณสามารถใช้ Block Editor และ WooCommerce เพื่อประกอบหน้าร้านค้าของคุณได้อย่างรวดเร็ว

ขั้นตอนที่สามคือการเปลี่ยนโครงสร้างของหน้าร้านค้าของคุณด้วย Gutenberg Blocks เมื่อคลิกแต่ละบล็อก คุณจะสามารถเข้าถึงการตั้งค่าบล็อกได้ในส่วนทางขวามือ คุณสามารถรวมร้านค้าของคุณโดยการรวม /shop ไว้ที่ส่วนหน้าของเว็บไซต์ของคุณ ขั้นตอนที่สี่คือการตรวจสอบงานของคุณ และตรวจสอบให้แน่ใจว่าได้สัมผัสการตกแต่งทั้งหมดเข้าที่ ตอนนี้คุณต้องบันทึกและทดสอบร้านค้าเพื่อให้แน่ใจว่าทำงานได้อย่างถูกต้อง เนื่องจาก WooCommerce Storefront เป็นธีมที่มีคุณลักษณะครบถ้วนซึ่งสร้างโดยนักพัฒนาซอฟต์แวร์ จึงเป็นธีมที่ได้รับความนิยมมากที่สุดในบรรดาธีมที่มีทั้งหมด หลังจากขั้นตอนนี้ ลิงก์เว็บไซต์เวอร์ชัน '.com' หรือ '.in' จะพาคุณตรงไปยังหน้าร้านค้า

กระบวนการนี้ส่งผลให้ URL (เช่น www.wooshop.com/shop) สำหรับหน้าร้านค้าของคุณหายไป หลังจากที่คุณซื้อและเปิดใช้งานธีม WooCommerce Storefront แล้ว คุณจะได้รับการแจ้งเตือนว่าธีมได้รับการติดตั้งและเปิดใช้งานแล้ว ส่วนขยาย Storefront Powerpack ราคา $59 และคุ้มค่าเพราะเป็นองค์ประกอบสำคัญของการออกแบบหน้าร้านค้าที่สมบูรณ์แบบ คุณสามารถเปลี่ยนรูปลักษณ์ของธีมลูกโดยไม่ต้องเริ่มต้นใหม่โดยการเพิ่มเลเยอร์ที่ครอบคลุมธีมหลัก หน้าร้าน WooCommerce มีการออกแบบหน้าใหม่สองหน้า: หน้าแรกและเต็มความกว้าง คุณสามารถกำหนดค่าเทมเพลต 'หน้าแรก' เพื่อแสดงผลิตภัณฑ์ล่าสุดและไฮไลต์บนหน้าเฉพาะโดยคลิกที่ไอคอน 'หน้าแรก' การใช้ WooCommerce กับ Elementor ช่วยให้คุณสร้างหน้าร้านค้าและธุรกิจที่ดูเป็นมืออาชีพได้อย่างง่ายดายด้วยต้นทุนและเวลาเพียงเล็กน้อย

ขอแนะนำอย่างยิ่งให้คุณพิจารณา Elementor Pro เมื่อทำการซื้อ ด้วยเวอร์ชันนี้ คุณจะสามารถสร้างหน้าร้านค้าได้ แต่คุณจะต้องใช้บล็อกที่จำเป็น Elementor pro มีราคารายปี $49 สำหรับแต่ละไซต์ที่คุณใช้ เลือกรูปแบบสี เนื้อหา และองค์ประกอบอื่นๆ ของเว็บไซต์ที่เน้น Conversion ของคุณและควบคุมได้อย่างสมบูรณ์ ShopEngine เป็นโปรแกรมสร้าง WooCommerce ฟรีที่ออกแบบมาเพื่อทำให้คุณสมบัติของ WooCommerce ดียิ่งขึ้น ด้วย ShopEngine คุณสามารถสร้าง ปรับแต่ง และจัดการ หน้า WooCommerce ทั้งหมด รวมถึงหน้าร้านค้า ShopEngine เป็นเพียงหนึ่งในตัวเลือกมากมายสำหรับการปรับแต่งหน้าร้านค้าของ WooCommerce

ฉันจะแก้ไขร้านค้า Woocommerce ของฉันใน WordPress ได้อย่างไร

สามารถติดตั้งบล็อกสำหรับ WooCommerce ได้ ขั้นตอนแรกในการแก้ไขหน้าร้านค้าคือการใช้โปรแกรมแก้ไข Gutenberg ของ WordPress หากต้องการเข้าถึงร้านค้า ให้ไปที่ส่วนหน้า แดชบอร์ด WordPress มีเมนูนำทางสำหรับทุกหน้า หากต้องการเข้าถึงลิงก์แก้ไข ให้วางเมาส์เหนือหน้าร้านค้าและเลือก

วิธีสร้างเทมเพลตหน้าร้านค้า Woocommerce

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

ฉันจะแทนที่หน้าร้านค้า Woocommerce ได้อย่างไร

ต้องเปิดใช้งานคุณลักษณะนี้ใน Woocommerce โดยไปที่การตั้งค่า เป็นผลให้ breadcrumbs จะเน้นฐานร้านค้าของไซต์ หวังว่านี่จะช่วยคุณได้

วิธีเพิ่มรูปภาพสินค้าใน Woocommerce

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

ที่จะหาเทมเพลตหน้าร้านค้า Woocommerce

หากต้องการค้นหา เทมเพลตหน้าร้านค้า woocommerce คุณสามารถค้นหา "เทมเพลตหน้าร้านค้า woocommerce" ในไลบรารีเทมเพลตของธีม wordpress ของคุณ

ในกรณีของหน้าร้านค้า Wooocommerce คลังผลิตภัณฑ์จะถูกใช้เป็นเทมเพลตเริ่มต้น การเปลี่ยนแปลงทั้งหมดที่ฉันทำกับเทมเพลต my-shop จะปรากฏบนหน้าร้านค้า แต่จะไม่ปรากฏในเทมเพลต my-shop การสร้างธีมลูกและการเปลี่ยนแปลงเหล่านี้จะปลอดภัยยิ่งขึ้น ทำให้คุณสามารถอัปเดตธีมหลักได้ทุกเมื่อที่ต้องการ และป้องกันไม่ให้ร้านค้าของคุณได้รับผลกระทบ หากต้องการกล่าวอีกนัยหนึ่ง คุณจะต้องป้อนรหัสที่ด้านบน ธีม WordPress นี้มีโฟลเดอร์ที่มีนามสกุล PHP ต่อไปนี้: hemes*theme*/woocommerce*archive-product.php รหัส get_template_part('content','shop') ซึ่งอยู่ในโฟลเดอร์รูทของธีม จะเรียกไฟล์ content-shop.php หากต้องการเปลี่ยนเส้นทางหน้าจากหน้าร้านค้าดั้งเดิมไปยังหน้าของคุณ ให้ใช้ฟังก์ชันเปลี่ยนเส้นทางของ WordPress

เทมเพลตหน้าร้านค้า Woocommerce อยู่ที่ไหน

ในการปรับแต่งหน้าร้านค้า WooCommerce คุณต้องสร้างเทมเพลตหน้าร้านค้าก่อน ไปที่ ShopEngine เมื่อคลิกปุ่มเพิ่มใหม่ คุณจะเข้าสู่หน้าต่างป๊อปอัปซึ่งคุณสามารถเลือกการตั้งค่าเทมเพลตได้

วิธีเปลี่ยนหน้าร้านค้าของคุณใน WordPress

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

เพิ่มส่วนหัวในหน้าร้านค้า Woocommerce

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

บน ร้านค้า woocommerce หรือหน้าร้านค้า สามารถพบส่วนหัวของ GeneratePress 1.4 Page บทความนี้เผยแพร่เมื่อวันที่ 24 กรกฎาคม 2017 นี่คือที่ที่ฉันจะเพิ่มคะแนนอีกสองจุดในโพสต์ก่อนหน้า นี่คือขั้นตอนทีละขั้นตอนสำหรับการเพิ่มส่วนหัวของหน้าไปยังหน้าร้านของ Woocommerce ตัวเลือกนี้ไม่ปรากฏบนหน้าใด ๆ ที่ฉันได้สร้างไว้แล้ว อย่างไรก็ตาม มันปรากฏบนหน้าใหม่ที่ฉันสร้าง ปุ่ม Woocommerce (หยิบใส่ตะกร้า เพิ่มคูปอง ซื้อเลย ฯลฯ) ใช้งานได้หลากหลาย

ไม่มีข้อความอีกต่อไป! ในกรณีที่เปิดใช้งานการตั้งค่าเหล่านี้ กล่องเมตาของส่วนหัวสำหรับแต่ละหน้าจะยังคงปรากฏอยู่ หากมีการสร้างดรอปดาวน์ใหม่หรือไม่ได้ใช้ปุ่มใดๆ ดรอปดาวน์จะปรากฏขึ้น ทอมเป็นหัวหน้านักพัฒนา เพียงลบการตั้งค่าที่คุณตั้งค่าไว้สำหรับหน้านั้นเพื่อใช้ระบบใหม่ ฉันไม่สามารถดูได้ว่าแบบอักษรนี้มาจากไหนในขณะที่คุณใช้ Autoptimize แต่ฉันสามารถสันนิษฐานได้ว่ามาจากขนาดปุ่ม WooCommerce ในการแก้ไขปัญหาที่สอง คุณสามารถปิดใช้งานตัวเลือก “วางเนื้อหาด้านหลังส่วนหัว (ตัวเลื่อน ฯลฯ)”

เพิ่มข้อความในหน้าร้านค้า Woocommerce

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

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

รหัสย่อหน้าร้านค้า Woocommerce

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

รหัสย่อของ WooCommerce คือโค้ดส่วนเล็กๆ ที่ใช้ในการแทรกฟังก์ชันหรือเนื้อหาที่กำหนดไว้ล่วงหน้าลงในบทความและหน้าของ WordPress รหัสย่อมีประโยชน์สำหรับการแสดงผลิตภัณฑ์ในรูปแบบกริด การเพิ่ม 'ปุ่มรถเข็น' การเปลี่ยนเค้าโครงผลิตภัณฑ์ และอื่นๆ รหัสที่สั้นกว่า นอกจากการปรับปรุงความแม่นยำแล้ว ยังลดข้อผิดพลาดที่เกิดจากรหัสที่ยาวอีกด้วย รหัสย่อ WooCommerce สามารถใช้เพื่อแสดงผลิตภัณฑ์เดียวตาม ID หรือ SKU รหัสผลิตภัณฑ์ของคุณสามารถพบได้โดยไปที่เมนูของพวกเขา นอกจากนี้ สามารถใช้ SKU ของผลิตภัณฑ์แทน ID ได้ รหัสผลิตภัณฑ์ (orderby=”id”) ของรหัสย่อจะแสดงที่นี่

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

ฉันจะเพิ่มรหัสย่อในหน้าร้านค้าของฉันได้อย่างไร Woocommerce?

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

รหัสย่อร้านค้า Woocommerce คืออะไร?

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