จุดเด่นของผลิตภัณฑ์ Divi: Slider Mega Pack

เผยแพร่แล้ว: 2022-10-17

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

มาเริ่มกันเลย!

การติดตั้ง Slider Mega Pack

Slider Mega Pack มาในรูปแบบไฟล์ ZIP ที่มีไฟล์ Divi Builder .json ในการติดตั้งเลย์เอาต์ของตัวเลื่อน ให้เริ่มต้นด้วยการแตกไฟล์ ถัดไป เปิดหน้าที่คุณต้องการใน Divi Builder

ติดตั้ง Divi Product Highlight Slider Mega Pack

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

Divi Product Highlight Slider Mega Pack ติดตั้ง-32

เลย์เอาต์ตัวเลื่อนเต็มความกว้างของ Slider Mega Pack

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

Slider Mega Pack เลย์เอาต์ 1, 2

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

เลย์เอาต์ตัวเลื่อนที่สองจะเหมือนกับเลย์เอาต์แรก ยกเว้นโอเวอร์เลย์สีเข้มและข้อความจะอยู่ทางด้านขวา

Divi Product Highlight Slider Mega Pack Slider Layout 2

Slider Mega Pack Layout 3

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

Divi Product Highlight Slider Mega Pack Slider Layout 3

Slider Mega Pack Layout 4

แถบเลื่อนนี้มีรูปภาพหลายรูปบนพื้นหลังเบลอของรูปภาพ โดยมีลูกศรนำทางที่ด้านข้างและจุดนำทางที่ด้านล่าง

Divi Product Highlight Slider Mega Pack Slider Layout 4

เลย์เอาต์ Slider Mega Pack 5

เลย์เอาต์ตัวเลื่อน 5 ยังมีรูปภาพหลายภาพบนพื้นหลังที่เบลอของรูปภาพเดียวกัน มีลูกศรนำทางที่ด้านล่างซ้ายและจุดนำทางทางด้านขวา

Divi Product Highlight Slider Mega Pack Slider Layout 5

เลย์เอาต์ Slider Mega Pack 6

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

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 6

เลย์เอาต์ Slider Mega Pack 7

เลย์เอาต์ 7 นั้นคล้ายกับเลย์เอาต์ 6 โดยมีพื้นหลังพารัลแลกซ์และสไลด์ข้อความ ลูกศรนำทางอยู่ที่มุมล่างซ้ายและจุดนำทางอยู่ทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 7

Slider Mega Pack เลย์เอาต์ 8, 9, 10

เค้าโครงสไลด์ข้อความคุณลักษณะ 8,9 และ 10 เหนือรูปภาพหลายภาพที่มีเอฟเฟกต์การซูมเข้า ในเลย์เอาต์เหล่านี้ ลูกศรนำทางจะอยู่ที่แต่ละด้าน และจุดนำทางจะอยู่ที่ด้านล่างของตัวเลื่อน ข้อความในเค้าโครง 8 อยู่กึ่งกลาง

ข้อความในเค้าโครง 9 จัดชิดซ้าย

Divi Product Highlight Slider Mega Pack Slider Layout 9

และข้อความใน Layout 10 ก็จัดชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 10

เลย์เอาต์ Slider Mega Pack 11, 12, 13

เลย์เอาต์ 11, 12 และ 13 มีรูปภาพขนาดใหญ่พร้อมข้อความและปุ่มในแต่ละสไลด์ พร้อมลูกศรนำทางไปแต่ละด้านและจุดนำทางที่ด้านล่าง เลย์เอาต์ 11 อยู่ตรงกลาง

แถบเลื่อน 12 จัดชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 12

และตัวเลื่อน 13 จะอยู่ชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 13

Slider Mega Pack Layouts 14, 15, 16 นิ้ว

เลย์เอาต์ 14, 15 และ 16 เหล่านี้ล้วนมีเอฟเฟกต์ระดับสีเทาบนภาพถ่ายและเอฟเฟกต์พารัลแลกซ์เมื่อคุณเลื่อน มีขีดเส้นใต้ตัวหนาเหนือข้อความส่วนหัว ข้อความถูกจัดกึ่งกลางสำหรับเค้าโครง 14

แถบเลื่อน 15 จัดชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 15

และตัวเลื่อน 16 จะจัดชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 16

เลย์เอาต์ Slider Mega Pack 17, 18

เลย์เอาต์ 17 และ 18 มีรูปภาพขนาดใหญ่พร้อมข้อความสไลด์ในกล่องซ้อนทับสีเข้ม สำหรับเค้าโครง 17 ข้อความจะอยู่ทางด้านซ้ายและการนำทางจะอยู่ทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 17

สำหรับรูปแบบที่ 18 การนำทางจะอยู่ทางด้านซ้ายและข้อความจะอยู่ทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 18

Slider Mega Pack Layouts 19, 20, 21

แถบเลื่อน 19, 20 และ 21 ทั้งหมดมีภาพซ้อนภาพระดับสีเทาและมีเอฟเฟกต์การซูมเข้า ไม่มีปุ่มนำทาง แถบเลื่อน 19 จัดชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 19

แถบเลื่อน 20 จัดชิดขวา

และข้อความในแถบเลื่อน 21 จะอยู่ตรงกลาง

Divi Product Highlight Slider Mega Pack Slider Layout 21

Slider Mega Pack Layouts 22, 23, 24

เลย์เอาต์เหล่านี้เหมือนกับทั้งสามด้านบน ยกเว้นรูปภาพที่มีเอฟเฟกต์การซูมออก เค้าโครง 22 มีข้อความชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 22

เค้าโครง 23 มีข้อความจัดชิดขวา

Divi Product Highlight Slider Mega Pack Slider Layout 23

และเค้าโครง 24 มีข้อความอยู่ตรงกลาง

Divi Product Highlight Slider Mega Pack Slider Layout 24

เลย์เอาต์ Slider Mega Pack 25, 26

เลย์เอาต์ตัวเลื่อน 25 และ 26 มีรูปภาพขนาดใหญ่ที่ซูมเข้าและข้อความบนกล่องซ้อนทับสีเข้ม เค้าโครง 25 มีข้อความชิดซ้ายและไอคอนการนำทางทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 25

เลย์เอาต์ตัวเลื่อน 26 มีข้อความชิดขวาและไอคอนการนำทางทางด้านซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 26

Slider Mega Pack Layouts 27, 28

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

Divi Product Highlight Slider Mega Pack Slider Layout 27

เค้าโครง 28 มีไอคอนการนำทางทางด้านซ้าย ข้อความทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 28

Slider Mega Pack Layouts 29, 30 ยูโร

แถบเลื่อนทั้งสองนี้มีรูปภาพขนาดใหญ่ที่ซูมเข้าและไอคอนการนำทางในรูปแบบต่างๆ เค้าโครง 29 มีข้อความทางด้านซ้ายและไอคอนการนำทางทางด้านขวา

Divi Product Highlight Slider Mega Pack Slider Layout 29

เค้าโครง 30 มีข้อความทางด้านขวาและไอคอนการนำทางทางด้านซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 30

Slider Mega Pack Layouts 31, 32

เลย์เอาต์ถัดไปเหล่านี้จะเหมือนกับเลย์เอาต์ 29 และ 30 แต่รูปภาพจะซูมออก เค้าโครง 31 มีข้อความทางด้านซ้ายและการนำทางทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 31

เลย์เอาต์ 32 มีข้อความทางด้านขวา การนำทางทางด้านซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 32

Slider Mega Pack Fullwidth Post Slider Layouts

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

Slider Mega Pack Layouts 33, 34

แถบเลื่อนเหล่านี้ใช้เอฟเฟกต์ภาพระดับสีเทาและเอฟเฟกต์พารัลแลกซ์ ข้อความอยู่ทางด้านซ้ายและการนำทางอยู่ทางด้านขวาด้วยเลย์เอาต์ 33

การนำทางอยู่ทางด้านซ้ายและข้อความอยู่ทางด้านขวาด้วยเค้าโครง 34

Divi Product Highlight Slider Mega Pack Slider Layout 34

Slider Mega Pack Layouts 35, 36, 37

เลย์เอาต์ 35, 36 และ 37 มีรูปภาพเด่นขนาดใหญ่พร้อมลูกศรนำทางในแต่ละด้านและจุดนำทางด้านล่าง รูปภาพมีเอฟเฟกต์การซูมเข้า ข้อความอยู่กึ่งกลางในเค้าโครง 35

Divi Product Highlight Slider Mega Pack Slider Layout 35

ในเลย์เอาต์นี้ ข้อความจะถูกจัดชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 36

และในเลย์เอาต์นี้ ข้อความจะถูกจัดชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 37

Slider Mega Pack Layouts 38, 39, 40 บาท

เลย์เอาต์ตัวเลื่อนเหล่านี้เหมือนกับสามเลย์เอาต์ด้านบน แต่รูปภาพจะซูมออกแทน เค้าโครง 38 อยู่กึ่งกลาง

เค้าโครง 39 จัดชิดซ้าย

Divi Product Highlight Slider Mega Pack Slider Layout 39

และเลย์เอาต์ 40 จัดชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 40

Slider Mega Pack เลย์เอาต์ 41, 42

เลย์เอาต์เหล่านี้มีรูปภาพพารัลแลกซ์ที่มีข้อความอยู่ด้านหนึ่งและลูกศรนำทางอีกด้านหนึ่ง สำหรับเลย์เอาต์ 41 ข้อความจะอยู่ทางซ้าย

Divi Product Highlight Slider Mega Pack Slider Layout 41

สำหรับเลย์เอาต์ 42 ข้อความจะอยู่ทางขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 42

Slider Mega Pack Layouts 43, 44

เลย์เอาต์ 43 และ 44 คล้ายกับเลย์เอาต์ด้านบน แต่รูปภาพจะซูมเข้า ในเลย์เอาต์ 43 ข้อความจะถูกจัดชิดซ้าย

Divi Product Highlight Slider Mega Pack Slider Layout 43

ข้อความถูกจัดชิดขวาในเค้าโครง 44

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 44

Slider Mega Pack Layouts 45, 46

45 และ 46 เป็นการออกแบบที่คล้ายกับเลย์เอาต์ด้านบนอีกครั้ง แต่รูปภาพจะซูมออกแทน 45 มีข้อความชิดซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 45

และเลย์เอาต์ 46 มีข้อความชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 46

Slider Mega Pack Layout 47, 48

เลย์เอาต์ 47 และ 48 มีสี่เหลี่ยมซ้อนทับสีเข้มสำหรับชื่อโพสต์และลูกศรนำทาง ภาพซูมเข้า เค้าโครง 47 มีข้อความอยู่ด้านซ้ายและลูกศรอยู่ทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 47

เค้าโครง 48 มีข้อความอยู่ทางด้านขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 48

Slider Mega Pack Layout 49, 50

สุดท้าย เลย์เอาต์ตัวเลื่อน 49 และ 50 นั้นคล้ายกับเลย์เอาต์ 47 และ 48 แต่รูปภาพจะซูมออก เค้าโครง 49 มีข้อความอยู่ทางด้านซ้าย

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 49

และเลย์เอาต์ 50 มีข้อความจัดชิดขวา

Divi Product Highlight Slider เค้าโครงตัวเลื่อน Mega Pack 50

ซื้อ Slider Mega Pack

Slider Mega Pack มีอยู่ใน Divi Marketplace มีค่าใช้จ่าย $9.99 สำหรับการใช้งานเว็บไซต์ไม่จำกัดและอัปเดตตลอดอายุการใช้งาน ราคานี้ยังรวมถึงการรับประกันคืนเงินภายใน 30 วัน

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

Slider Mega Pack มาพร้อมกับเลย์เอาต์ตัวเลื่อนที่สร้างไว้ล่วงหน้า 50 แบบพร้อมทรานซิชัน เอฟเฟกต์ และเลย์เอาต์การนำทางที่สวยงาม ซึ่งสามารถปรับแต่งได้อย่างง่ายดายด้วย Divi Builder หากคุณกำลังมองหาเลย์เอาต์ตัวเลื่อนที่ไม่เหมือนใครซึ่งปรับแต่งนอกเหนือจากตัวเลือก Divi มาตรฐาน ผลิตภัณฑ์นี้อาจเหมาะสำหรับคุณ เราชอบที่จะได้ยินจากคุณ! คุณลอง Slider Mega Pack แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น!