วิธีสร้างตัวเลื่อนการเปรียบเทียบภาพใน WordPress

วิธีสร้างตัวเลื่อนการเปรียบเทียบภาพใน WordPress

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน addons elemento สำหรับ elementor

ก่อนการติดตั้งตรวจสอบให้แน่ใจว่าทั้ง WooCommerce และ Elementor เปิดใช้งานในแผงควบคุมของคุณ

ดาวน์โหลดปลั๊กอิน : เยี่ยมชมหน้าปลั๊กอิน Elemento Addons และดาวน์โหลดปลั๊กอิน

ไปที่แผงควบคุม WordPress ของคุณ→ปลั๊กอิน→เพิ่มปลั๊กอิน→อัปโหลดใหม่

อัปโหลดไฟล์ที่ดาวน์โหลดมาแล้วคลิก“ ติดตั้งทันที”

เมื่อติดตั้งแล้วให้คลิก“ เปิดใช้งาน” เพื่อเปิดใช้งานปลั๊กอิน

ในการติดตั้ง Elemento addons โปรดดูวิดีโอบทช่วยสอนด้านล่าง:

ขั้นตอนที่ 2: สร้างหรือแก้ไขหน้าด้วย Elementor :

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

คลิก แก้ไขด้วย Elementor เพื่อเปิดตัวสร้างหน้า Elementor

ขั้นตอนที่ 3: เพิ่มวิดเจ็ตเปรียบเทียบภาพ

ในตัวแก้ไข Elementor ให้มองหาวิดเจ็ต Elemento addons ในแถบด้านข้างหรือค้นหา การเปรียบเทียบภาพ ในแผงวิดเจ็ต

ลากและวางวิดเจ็ต เปรียบเทียบภาพ ทุกที่บนหน้า

ขั้นตอนที่ 4: อัปโหลดรูปภาพของคุณ

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

ใช้แถบด้านข้างด้านซ้ายเพื่อแก้ไขส่วนการเปรียบเทียบภาพโดยการเพิ่มรูปภาพในส่วนภาพ

ฉันได้รวมภาพตัวอย่างสำหรับการอ้างอิงของคุณ

ขั้นตอนที่ 5: ปรับแต่งแถบเลื่อน

คุณสามารถแก้ไขและปรับแต่งการตั้งค่าโดยใช้แถบด้านข้างด้านซ้าย

คุณสามารถแก้ไขและปรับแต่งการตั้งค่าโดยใช้เมนูทางด้านซ้าย

ขั้นตอนที่ 6: เผยแพร่หน้า

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

เมื่อคุณมีความสุขกับการปรับเปลี่ยนของคุณคลิก“ เผยแพร่” เพื่อให้ผู้อื่นเห็นภาพการเปรียบเทียบภาพของคุณ

คุณสามารถดูหน้าโดยคลิกที่ "หน้าดู"

คุณสามารถดูตัวเลื่อนการเปรียบเทียบภาพสดที่ด้านข้างของคุณ

ร้านค้า Mania WooCommerce

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

เราขอแนะนำธีม Mania Shop สำหรับประสบการณ์การช็อปปิ้งที่ไร้รอยต่อและน่าดึงดูด

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

คุณสมบัติของร้านค้า Mania:

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