Merchandiser – ธีม WordPress WooCommerce ที่โหลดเร็ว

เผยแพร่แล้ว: 2016-06-30

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

หนึ่งในการออกแบบ WooCommerce ใหม่ล่าสุดในตลาดเรียกว่า Merchandiser

ออกแบบโดย Get Bowtied Merchandiser เป็นดีไซน์เรียบง่ายที่เน้นความเร็วและประสิทธิภาพเหนือคุณสมบัติที่ไม่จำเป็น เป้าหมายคือการออกแบบบางสิ่งที่นำเสนอคุณสมบัติทั้งหมดที่คุณต้องการโดยไม่ต้องเพิ่มจำนวนมากซึ่งมักจะเกี่ยวข้องกับการออกแบบของ WooCommerce

Merchandiser WordPress Theme

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

ในบทความนี้ ฉันต้องการดูรายละเอียดเกี่ยวกับ Merchandiser และแสดงให้คุณเห็นว่า Merchandiser สามารถทำอะไรได้บ้าง

Merchandiser เสนออะไร?

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

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

หน้าแรกของผู้ค้า

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

รถเข็นขายสินค้า

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

รายการสินค้าสำหรับผู้ค้า

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

ข้อมูลสินค้าของผู้ขายสินค้า

เทมเพลตบล็อกที่รวมมานั้นดูดีและเข้ากับรูปแบบทั่วไปของ Merchandiser ฉันแน่ใจว่าเจ้าของร้านส่วนใหญ่จะพอใจกับเทมเพลตนี้ อย่างไรก็ตาม ในฐานะบล็อกเกอร์ ฉันชอบที่จะเห็นรูปแบบบล็อกเพิ่มเติมที่เพิ่มเข้ามาในธีม

บล็อกผู้ขาย

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

Merchandiser Mobile Design

Get Bowtied ภูมิใจในโค้ดและประสิทธิภาพของ Merchandiser ที่พวกเขาได้แชร์ผลลัพธ์ W3C HTML Validator และผลการทดสอบความเร็วจาก Webpagetest และ Pingdom อย่าลังเลที่จะตรวจสอบพวกเขา

การทดสอบความเร็วของพ่อค้า

ฉันประทับใจกับคุณภาพของการออกแบบ Merchandiser ชุดรูปแบบใช้งานได้กับทุกฟีเจอร์ของ WooCommerce และการรวมตัวสร้างเพจแบบลากและวาง Visual Composer หมายความว่าคุณสามารถจัดสไตล์เพจของคุณได้อย่างง่ายดาย

วิธีการติดตั้ง Merchandiser

Merchandiser มาพร้อมกับธีมหลักและธีมย่อย ขอแนะนำให้อัปโหลดทั้งสองธีมและใช้ธีมย่อย เพื่อที่การแก้ไขใดๆ ที่คุณทำจะไม่ถูกเขียนทับเมื่อมีการอัปเดตธีม

เมื่อคุณอัปโหลด Merchandiser และเปิดใช้งานธีมย่อยแล้ว คุณจะเห็นข้อความขอให้คุณติดตั้งปลั๊กอินที่จำเป็น ปลั๊กอินที่จำเป็นตัวเดียวที่ต้องติดตั้งเรียกว่า "GetBowtied Tools"

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

หน้าต้อนรับพ่อค้า

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

การเปิดใช้งานผลิตภัณฑ์ Merchandiser

ปลั๊กอินสองตัวที่ Merchandiser ขอให้คุณติดตั้งคือ Visual Composer และ WooCommerce Visual Composer ขายปลีกในราคา $34 ด้วยตัวมันเอง ดังนั้นจึงเป็นเรื่องดีที่จะได้เห็นมันรวมอยู่ในธีม

ติดตั้งปลั๊กอิน Merchandiser

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

ติดตั้งเนื้อหาสาธิต

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

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

ตรวจสอบสถานะระบบของคุณ

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

สินค้า-สาธิต-เนื้อหา-ติดตั้ง

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

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

วิธีกำหนดค่าผู้ขายสินค้า

การตั้งค่าทั้งหมดสำหรับ Merchandiser ได้รับการจัดการผ่านเครื่องมือปรับแต่งธีมของ WordPress

ขออภัย หากคุณเปิดใช้งานธีมย่อยของ Merchandizer สิ่งเดียวที่คุณเปลี่ยนได้คือวิดเจ็ต

ตัวปรับแต่งธีม WordPress พร้อมธีมลูก

ความจริงที่ว่า Get Bowtied ได้รวมธีมย่อยเข้ากับแพ็คเกจธีมที่พวกเขาเข้าใจถึงความสำคัญของการใช้ธีมย่อย ดังนั้นจึงปลอดภัยที่จะถือว่านี่เป็นจุดบกพร่องเล็กๆ ที่พวกเขาจำเป็นต้องแก้ไข

คุณจะต้องกำหนดค่า Merchandizer โดยเปิดใช้งานธีมหลักจนกว่าจะดำเนินการดังกล่าว

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

WordPress Theme Customizer

แม้ว่า Get Bowtied Marketing Merchandiser เป็นธีมขั้นต่ำ คุณจะพบตัวเลือกที่ยอดเยี่ยมมากมายในเครื่องมือปรับแต่งธีมของ WordPress

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

ในเวอร์ชันต่อๆ ไป ฉันต้องการดูตัวเลือกการจัดสไตล์และเลย์เอาต์เพิ่มเติม

ปรับแต่งร้านค้าของคุณ

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

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

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

อินเทอร์เฟซ Visual Composer

มีองค์ประกอบเนื้อหามากมายใน Visual Composer คุณสามารถเพิ่มได้อีกหลายร้อยรายการผ่านส่วนขยายที่มีอยู่มากมายสำหรับ Visual Composer (ตรวจสอบหมวดโปรแกรมเสริมของ WordPress ใน CodeCanyon)

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

รายการองค์ประกอบ Visual Composer

นอกเหนือจากปัญหาที่ธีมลูกไม่แสดงตัวเลือกในเครื่องมือปรับแต่งธีม WordPress แล้ว Merchandiser ยังกำหนดค่าได้ง่ายอีกด้วย

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

ความคิดสุดท้าย

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

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

มีบางวิธีที่สามารถปรับปรุงธีมได้ แต่เวอร์ชันที่ฉันทดสอบ (1.0) ไม่มีข้อบกพร่องใดๆ นอกเหนือจากเครื่องมือปรับแต่งที่ไม่แสดงในธีมย่อย ดังนั้นฉันจึงรอดูว่าธีมจะพัฒนาไปอย่างไรในปีหน้า .

จำหน่ายสินค้าจาก ThemeForest โดยมีค่าธรรมเนียม 59 ดอลลาร์ สิ่งนี้ช่วยให้คุณอัปเดตธีมได้ไม่จำกัดและการสนับสนุนหกเดือนจาก Get Bowtied การสนับสนุนเพิ่มเติมหกเดือนสามารถเพิ่มได้ในราคา 17.70 ดอลลาร์

ตรวจสอบออก

เควิน

[หมายเหตุบรรณาธิการ: บั๊กเล็กๆ ที่ Kevin พูดถึงด้วยธีมลูกและตัวปรับแต่งได้รับการแก้ไขในเวอร์ชัน 1.02 เวอร์ชันล่าสุดในขณะที่เขียนคือ 1.03]