สร้างแกลเลอรีสินค้า WooCommerce ที่น่าตื่นตาตื่นใจด้วยแกลเลอรี WP Media Folder

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

การแสดงสินค้าของคุณในลักษณะที่เป็นมืออาชีพอาจเป็นงานที่ยากและใช้เวลานาน แต่จะไม่เป็นปัญหาอีกต่อไปด้วย WP Media Folder และส่วนเสริมแกลเลอรีที่ยอดเยี่ยม

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

การสร้างแกลเลอรีสินค้าสำหรับไซต์ WooCommerce ของคุณ 

เครื่องมือที่ใช้ในโพสต์นี้คือ WP Media Folder, WP Media Folder Gallery addon และ WooCommece โปรดจำไว้ว่าคุณต้องมีสิ่งเหล่านี้เพื่อสร้างแกลเลอรีตามที่อธิบายไว้ที่นี่.

สมมติว่าเรามีสินค้าบนไซต์ของเรา แต่เราต้องการแสดงตัวอย่างสินค้าโดยใช้แกลเลอรี ดังนั้นเรามาสร้างแกลเลอรีที่ยอดเยี่ยมนี้โดยไปที่ผู้จัดการแกลเลอรีภายใต้ สื่อ > แกลเลอรีโฟลเดอร์สื่อ

ในส่วนนี้ คลิกที่ +เพิ่มแกลเลอรีใหม่ > สร้างแกลเลอรีเมเดียใหม่ ที่ด้านซ้าย

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

ตอนนี้ บนหน้าจอถัดไป คุณสามารถเลือกได้ว่าคุณต้องการอัปโหลดภาพจากที่ใด โดยมีตัวเลือกให้เลือกจากคลังสื่อของคุณ คอมพิวเตอร์ของคุณ วิดีโอ (จาก Youtube หรือ Vimeo) และจาก Google Photos.

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

ดังนั้น กระบวนการคือการคลิกที่แหล่งที่คุณต้องการเลือกรูปภาพ จากนั้นเลือกรูปภาพและคลิกอัปโหลด/นำเข้าข้อมูลในที่สุด.

หลังจากอัปโหลดแล้ว คุณจะสามารถดูภาพและหากคุณวางเมาส์เหนือภาพเหล่านั้น คุณจะสามารถแก้ไขลำดับและจัดการการตั้งค่ารูปภาพได้.

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

คุณสามารถเพิ่มข้อมูลทั้งหมดที่คุณต้องการและสุดท้ายคลิกที่ บันทึก.

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

การดำเนินการนี้จะเปิดป๊อปอัปที่คุณสามารถเลือก WP Media Folder แกลเลอรี ภายใต้ การดำเนินการ.

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

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

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

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

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

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

ตอนนี้เราได้เห็นวิธีการใช้ตัวเลือก WP Media Folder Gallery Addon ทั้งหมดแล้ว มาดูธีมที่มีอยู่ในส่วนเสริมที่น่าทึ่งนี้และดูว่าธีมเหล่านี้จะมีลักษณะอย่างไรในรายละเอียดผลิตภัณฑ์ของคุณ.

ค่าเริ่มต้น

Masonry

ผลงาน

สไลเดอร์

สไลด์ต่อเนื่อง

ตารางแบบสี่เหลี่ยม

วัสดุ

ตารางแบบกำหนดเอง

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

เริ่มปรับแต่งแกลเลอรีสินค้าของคุณสำหรับ WooCommerce 

ดังที่คุณเห็น มันเป็นเครื่องมือที่มีประสิทธิภาพพร้อมตัวเลือกมากมายในการปรับแต่งแกลเลอรีของคุณให้ได้มากที่สุด และนี่ไม่ใช่ทั้งหมด! คุณจะสามารถทำสิ่งต่างๆได้อีกมากมาย เช่น การเชื่อมต่อบริการคลาวน์ เช่น Google Drive, Dropbox, OneDriveและ AWS.

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