ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับโมดูลผลิตภัณฑ์ WooCommerce ของ Divi 5

เผยแพร่แล้ว: 2025-09-15

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

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

สารบัญ
  • 1 โมดูลผลิตภัณฑ์ WooCommerce คืออะไร?
  • 2 คุณสมบัติสำคัญของโมดูลผลิตภัณฑ์ WooCommerce ของ Divi 5
    • 2.1 ชุดโมดูลที่ครอบคลุม
    • 2.2 เสรีภาพในการสร้างสรรค์
    • 2.3 ตัวเลือกการปรับแต่ง
    • 2.4 เทมเพลตไดนามิกพร้อมตัวสร้างธีม
    • 2.5 Loop Builder สำหรับเนื้อหา WooCommerce แบบไดนามิก
  • 3 วิธีใช้โมดูลผลิตภัณฑ์ WooCommerce ของ Divi 5
    • 3.1 สร้างเทมเพลตตัวสร้างธีมใหม่
    • 3.2 สร้างเทมเพลตผลิตภัณฑ์
    • 3.3 เพิ่มโมดูลภาพผลิตภัณฑ์ WOO
    • 3.4 เพิ่มโมดูลชื่อผลิตภัณฑ์ WOO
    • 3.5 เพิ่มโมดูลราคาผลิตภัณฑ์ WOO
    • 3.6 เพิ่มโมดูลการจัดอันดับผลิตภัณฑ์ WOO
    • 3.7 เพิ่มโมดูลคำอธิบายผลิตภัณฑ์ WOO
    • 3.8 เพิ่มผลิตภัณฑ์ WOO เพิ่มลงในโมดูลรถเข็น
    • 3.9 การบันทึกเทมเพลต
  • 4 ดาวน์โหลดฟรี
  • 5 สิ่งต่อไปสำหรับการรวม WooCommerce ของ Divi 5 คืออะไร?
  • 6 ลองใช้โมดูลผลิตภัณฑ์ Woo ของ Divi 5 วันนี้

โมดูลผลิตภัณฑ์ WooCommerce คืออะไร?

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

Woo โมดูลผลิตภัณฑ์ใน Divi 5

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

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

คุณสมบัติที่สำคัญของโมดูลผลิตภัณฑ์ WooCommerce ของ Divi 5

มาดูคุณสมบัติที่สำคัญที่คุณคาดหวังได้ในตอนนี้ว่าโมดูลผลิตภัณฑ์ WooCommerce ได้ถูกรวมเข้ากับ Divi 5

ชุดโมดูลที่ครอบคลุม

โมดูลผลิตภัณฑ์ WooCommerce ชุดแรกของ Divi 5 รวมถึงเครื่องมือที่ออกแบบมาเพื่อจัดการแง่มุมเฉพาะของการออกแบบหน้าผลิตภัณฑ์และหมวดหมู่ โมดูลเหล่านี้คือ:

  • Woo Breadcrumbs: แสดงเส้นทาง Breadcrumb ของการนำทางเพื่อช่วยให้ผู้ใช้นำทางร้านค้าได้อย่างง่ายดาย
  • WOO ประกาศ: แสดงข้อความระบบเช่นการอัปเดตรถเข็นข้อผิดพลาดหรือการยืนยัน
  • WOO ผลิตภัณฑ์เพิ่มลงในรถเข็น: แสดงปุ่ม เพิ่มลงในรถเข็น พร้อมการควบคุมปริมาณเสริม
  • คำอธิบายผลิตภัณฑ์ WOO: เอาต์พุตคำอธิบายผลิตภัณฑ์รูปแบบยาวหลัก
  • แกลเลอรี่ผลิตภัณฑ์ WOO: แสดงภาพผลิตภัณฑ์เพิ่มเติมในรูปแบบกริดหรือตัวเลื่อน
  • Woo ภาพผลิตภัณฑ์: แสดงภาพผลิตภัณฑ์หลักหรือแกลเลอรี่ภาพ
  • WOO ข้อมูลผลิตภัณฑ์: แสดงรายละเอียดผลิตภัณฑ์เช่นน้ำหนักขนาดหรือคุณลักษณะ
  • WOO Product Meta: แสดง SKU ผลิตภัณฑ์หมวดหมู่และแท็ก
  • ราคาสินค้า WOO: แสดงราคาของผลิตภัณฑ์รวมถึงราคาขาย
  • การจัดอันดับผลิตภัณฑ์ WOO: แสดงการจัดอันดับดาวเฉลี่ยและจำนวนการตรวจสอบ
  • การตรวจสอบผลิตภัณฑ์ WOO: อนุญาตให้ลูกค้าดูและส่งรีวิวผลิตภัณฑ์
  • WOO Product Stock: ระบุความพร้อมใช้งานของผลิตภัณฑ์และระดับหุ้น
  • แท็บผลิตภัณฑ์ WOO: แสดงแท็บผลิตภัณฑ์เริ่มต้นสำหรับคำอธิบายข้อมูลเพิ่มเติมและรีวิว
  • WOO ชื่อผลิตภัณฑ์: เอาต์พุตชื่อผลิตภัณฑ์เป็นส่วนหัวที่ปรับแต่งได้
  • WOO Product Upsell: ส่งเสริมผลิตภัณฑ์เพิ่มขึ้นเพื่อส่งเสริมการซื้อที่มีมูลค่าสูงกว่า
  • ผลิตภัณฑ์ WOO: สร้างกริดผลิตภัณฑ์ที่ปรับแต่งได้สำหรับหน้าหมวดหมู่
  • WOO ผลิตภัณฑ์ที่เกี่ยวข้อง: แสดงผลิตภัณฑ์ที่เกี่ยวข้องตามหมวดหมู่หรือแท็ก

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

เสรีภาพในการสร้างสรรค์

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

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

โมดูลผลิตภัณฑ์ Divi 5 woo

ตัวเลือกการปรับแต่ง

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

การตั้งค่าเหล่านี้ช่วยให้คุณสร้างหน้าร้านค้าที่มีตราสินค้าที่มีตราสินค้าได้อย่างง่ายดาย

เทมเพลตแบบไดนามิกพร้อมตัวสร้างธีม

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

ผู้สร้างลูปสำหรับเนื้อหา WooCommerce แบบไดนามิก

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

วิธีใช้โมดูลผลิตภัณฑ์ WooCommerce ของ Divi 5

ส่วนนี้จะนำคุณผ่านการสร้างหน้าผลิตภัณฑ์ในตัวสร้างธีมของ Divi 5 โดยใช้โมดูลผลิตภัณฑ์ WooCommerce ใหม่

สร้างเทมเพลตตัวสร้างธีมใหม่

นำทางไปยัง Divi> Theme Builder ในแผงควบคุม WordPress คลิกที่ + เพิ่มเทมเพลตใหม่

โมดูลผลิตภัณฑ์ Divi 5 woo

คลิก สร้างเทมเพลตใหม่ เมื่อกล่องโต้ตอบปรากฏขึ้น

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

คลิก สร้างเทมเพลต เพื่อกำหนด

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

เลือก Build Custom Body เมื่อกล่องโต้ตอบปรากฏขึ้น

โมดูลผลิตภัณฑ์ Divi 5 woo

สร้างเทมเพลตผลิตภัณฑ์

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

โมดูลผลิตภัณฑ์ Divi 5 woo

คลิก ไอคอนสีเขียว + เพื่อเพิ่มแถวใหม่

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

เลื่อนลงเพื่อเปิดเผยตัวเลือก โมดูลผลิตภัณฑ์ WOO เมื่อคลิกแล้วคุณจะมีโมดูล Divi 5 Woo 17 โมดูลและ 8 มรดก (Divi 4) โมดูล

เพิ่มโมดูลภาพผลิตภัณฑ์ WOO

ค้นหาและเลือกโมดูล ภาพผลิตภัณฑ์ WOO และเพิ่มลงในคอลัมน์แรก

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

คลิกเมนูดรอปดาวน์ ภาพ ในแท็บ การออกแบบ เพื่อเปิดเผยการตั้งค่า ที่นี่คุณสามารถบังคับให้ภาพครอบครองพื้นที่ที่มีอยู่ทั้งหมด (Force Fullwidth) เพิ่มเส้นขอบ, Shadow Box, ปรับระยะห่างหรือเพิ่มตัวกรอง

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

โมดูลผลิตภัณฑ์ Divi 5 woo

เพิ่มโมดูลชื่อผลิตภัณฑ์ WOO

ในคอลัมน์ที่ 2 คลิก โมดูลผลิตภัณฑ์ และเลื่อนเพื่อเลือกโมดูล ชื่อผลิตภัณฑ์ WOO

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

เพิ่มโมดูลราคาผลิตภัณฑ์ WOO

ภายใต้ชื่อผลิตภัณฑ์คลิกเพื่อเพิ่มโมดูลใหม่ เลือกโมดูลผลิตภัณฑ์ WOO และเลื่อนเพื่อเลือกโมดูล ราคาผลิตภัณฑ์ WOO

โมดูลผลิตภัณฑ์ Divi 5 woo

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

เพิ่มโมดูลการจัดอันดับผลิตภัณฑ์ WOO

ต่อไปเราจะเพิ่มโมดูล การจัดอันดับผลิตภัณฑ์ WOO ภายใต้โมดูลราคา WOO

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

ตัวเลือกการจัดแต่งทรงผมอื่น ๆ ได้แก่ การกำหนดสีขนาดข้อความและระยะห่างจดหมายสำหรับดวงดาวและตัวเลือกการจัดแต่งทรงผมสำหรับข้อความการจัดอันดับ

เพิ่มโมดูลคำอธิบายผลิตภัณฑ์ WOO

ภายใต้โมดูลการจัดอันดับ Woo Star คลิกเพื่อเพิ่มโมดูล WOO ใหม่ เวลานี้เราจะเลือกโมดูล คำอธิบายผลิตภัณฑ์ WOO ในแท็บ เนื้อหา เลือกคำอธิบายที่จะแสดง (คำอธิบายหรือคำอธิบายสั้น ๆ )

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

เพิ่มผลิตภัณฑ์ WOO เพิ่มลงในโมดูลรถเข็น

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

เพิ่มโมดูลต่อไปเช่นโมดูล Meta Product Product เพื่อแสดงหมายเลข SKU และหมวดหมู่

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

บันทึกเทมเพลต

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

โมดูลผลิตภัณฑ์ Divi 5 woo

จากนั้นคลิกปุ่ม ออก เพื่อกลับไปที่แผงควบคุมธีม

โมดูลผลิตภัณฑ์ Divi 5 woo

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

โมดูลผลิตภัณฑ์ Divi 5 woo

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

หน้าผลิตภัณฑ์ Divi 5

ดาวน์โหลดไฟล์
ดาวน์โหลดฟรี

ดาวน์โหลดฟรี

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

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

สิ่งต่อไปสำหรับการรวม WooCommerce ของ Divi 5 คืออะไร?

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

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

ลองใช้โมดูลผลิตภัณฑ์ Woo ของ Divi 5 วันนี้

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

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

ดาวน์โหลด Divi 5Learn เพิ่มเติมเกี่ยวกับ Divi 5