The Photo Gallery module allows you

The Photo Gallery module allows you to display photos in a responsive lightbox with full touch and swipe support. You can display thumbnails in a grid format or a customizable carousel mode on any page.

The Photo Gallery module can be added to any layout in all positions.
To create a Photo Gallery module access it and click on the Create New button on the Add to Layout page, then refer to the explanations below to understand what they do. For an explanation of the Add to Layout page click here.

This is the page where you create the module. Additional styling for the Photo Gallery is done in Settings > Modules > Photo Gallery.

1 Module Name - This is the module name that will appear on the Add to Layout page.
2 Gallery Title - Adds title in the store front in the title bar atop your Photo Gallery module. Leave empty if you don't want a title.
3 Thumbs Limit - If you have lots of images in the gallery this allows you to limit the thumbs displayed on the page.
3 Items per Row - Indicate how many images you want visible per row for each resolution. Resize your browser down to see how the module adapts to each breakpoint. Adjust all sliders to achive your desired layout for each resolution.
4 Image Border Settings - Allows you to add borders to your image as well as rounded corners.
6 Carousel Mode - Option to display the thumbnails in a grid or carousel mode.
7 Disable on Mobile - Optionally disable the module on mobile devices.

ผลลัพธ์ (ไทย) 1:

โม Photo Gallery ช่วยให้คุณสามารถแสดงภาพถ่ายใน lightbox ตอบสนองสัมผัสเต็มและสนับสนุนรูด คุณสามารถแสดงรูปขนาดย่อในรูปแบบตารางหรือโหมดปรับแต่งสไลด์ทุกหน้าสามารถเพิ่มโมดูภาพเค้าโครงต่าง ๆ ในตำแหน่งทั้งหมดสร้างภาพเป็น โมดูเข้าถึง และคลิกที่ปุ่มสร้างใหม่บนเพิ่มเค้าโครงหน้า นั้นหมายถึงคำอธิบายด้านล่างนี้จะเข้าใจสิ่งที่พวกเขาทำ สำหรับคำอธิบายเพิ่มเค้าโครงหน้านี่คือหน้าที่ซึ่งคุณสร้างโมดูล แต่งเพิ่มเติมสำหรับทำ Photo Gallery ในการตั้งค่า > โมดูล > Photo Galleryชื่อโมดูล 1 - นี่คือชื่อโมดูลที่จะปรากฏบนเพิ่มเค้าโครงหน้าชื่อเรื่องที่เก็บ 2 - เพิ่มตำแหน่งในหน้าร้านค้าอยู่บนยอดโมดูอัลบั้มรูปภาพของคุณ ปล่อยให้ว่างไว้ถ้าคุณไม่ต้องการชื่อเรื่อง3 Thumbs จำกัด - ถ้าคุณมีจำนวนมากของภาพใน gallery นี้ช่วยให้คุณสามารถจำกัด thumbs แสดงหน้าสินค้า 3 ต่อแถว - ระบุจำนวนภาพต้องเห็นต่อแถวสำหรับแต่ละความละเอียด ปรับขนาดเบราเซอร์ของคุณลงให้ดูว่าโมดูลปรับไปแต่ละจุดเปลี่ยน ปรับเลื่อนทั้งหมดเพื่อให้บรรลุของเค้าในแต่ละความละเอียด4 ภาพเส้นขอบค่า - ช่วยให้คุณสามารถเพิ่มเส้นขอบของรูปเป็นโค้ง6 โหมดสไลด์ - เลือกเพื่อแสดงรูปขนาดย่อในโหมดตารางหรือสไลด์ปิดการใช้งานบนมือถือ - 7 หรือปิดโมดูบนอุปกรณ์มือถือ

ผลลัพธ์ (ไทย) 2:

โมดูลแกลอรี่ภาพช่วยให้คุณสามารถแสดงภาพใน Lightbox ที่ตอบสนองด้วยการสัมผัสและการสนับสนุนรูด คุณสามารถแสดงภาพขนาดเล็กในรูปแบบตารางหรือม้าหมุนโหมดปรับแต่งในหน้าใด ๆ . โมดูลแกลอรี่ภาพสามารถเพิ่มรูปแบบใด ๆ ในทุกตำแหน่ง. ในการสร้างการเข้าถึงโมดูลแกลอรี่ภาพและคลิกที่ปุ่มสร้างใหม่เพิ่มไปที่ หน้าเค้าโครงแล้วดูคำอธิบายด้านล่างจะเข้าใจในสิ่งที่พวกเขาทำ สำหรับคำอธิบายการเพิ่มรูปแบบหน้าคลิกที่นี่. นี้เป็นหน้าเว็บที่คุณสร้างโมดูล จัดแต่งทรงผมเพิ่มเติมสำหรับแกลลอรี่ภาพจะทำในการตั้งค่า> โมดูล> ภาพถ่ายแกลลอรี่. 1 โมดูลชื่อ - นี่คือชื่อโมดูลที่จะปรากฏบนเพื่อเพิ่มเค้าโครงหน้า. 2 แกลลอรี่ชื่อ - เพิ่มชื่อในหน้าร้านในแถบชื่อเรื่องบน โมดูลแกลอรี่ภาพของคุณ ปล่อยว่างไว้ถ้าคุณไม่ต้องการที่ชื่อ. 3 Thumbs จำกัด - หากคุณมีจำนวนมากของภาพในแกลเลอรี่นี้จะช่วยให้คุณสามารถ จำกัด นิ้วหัวแม่มือที่แสดงบนหน้า. 3 รายการต่อแถว - ระบุวิธีการหลายภาพที่คุณต้องการมองเห็นต่อแถว สำหรับการแก้ปัญหาในแต่ละ ปรับขนาดเบราว์เซอร์ของคุณลงไปดูว่าโมดูลปรับให้เหมาะกับแต่ละเบรกพอยต์ ปรับเลื่อนทั้งหมดเพื่อให้บรรลุรูปแบบที่คุณต้องการสำหรับการแก้ปัญหาแต่ละ. 4 การตั้งค่าภาพชายแดน - ช่วยให้คุณสามารถเพิ่มเส้นขอบให้ภาพของคุณเช่นเดียวกับมุมโค้งมน. 6 โหมดม้าหมุน - เลือกที่จะแสดงภาพขนาดย่อในโหมดตารางหรือม้าหมุน. 7 ปิดการใช้งานบน มือถือ - เลือกปิดการใช้งานโมดูลบนอุปกรณ์มือถือ

ผลลัพธ์ (ไทย) 3:

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

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

นี่คือหน้าเว็บที่คุณสร้างโมดูล ใส่สไตล์เพิ่มเติมสำหรับแกลเลอรี่ภาพเสร็จใน ตั้งค่า > โมดูล > แกลเลอรี่ภาพ

1 โมดูลชื่อนี้คือชื่อโมดูลที่จะปรากฏบนเพิ่มเค้าโครงหน้า
ชื่อเรื่อง - 2 Gallery เพิ่มชื่อในหน้าเก็บไว้ในแถบชื่อเรื่องของคุณแกลเลอรี่ภาพบนโมดูล ปล่อยว่างถ้าคุณไม่ต้องการชื่อ .
3 นิ้วจำกัด - ถ้าคุณมีจำนวนมากของภาพในแกลเลอรี่นี้ช่วยให้คุณเพื่อ จำกัด นิ้วหัวแม่มือแสดงบนหน้าเว็บ .
3 รายการต่อแถว - ระบุวิธีการหลายภาพที่คุณต้องการให้ปรากฏต่อแถวสำหรับแต่ละความละเอียดปรับขนาดเบราว์เซอร์ของคุณเพื่อดูว่าโมดูลปรับแต่ละที่ . ปรับแถบเลื่อนเพื่อให้บรรลุทุกรูปแบบที่คุณต้องการสำหรับแต่ละความละเอียด .
4 การตั้งค่ากรอบภาพช่วยให้คุณสามารถเพิ่มเส้นขอบให้กับรูปภาพของคุณ รวมทั้งมุมโค้งมน เลือกโหมด -
6 ม้าหมุนที่จะแสดงภาพขนาดเล็กในตารางหรือโหมดม้าหมุน .
7 ปิดการใช้งานบนมือถือ - เลือกที่จะปิดการใช้งานโมดูลบนอุปกรณ์มือถือ