Skip to content

การใช้งาน Product Grid

Product Grid เป็น Block ที่ดึง Product มาแสดงในรูปแบบ Grid โดยเลือกการแสดงจำนวนคอลัมน์ตามขนาดหน้าจอได้

Product grid

Post Grid

ดูรายการ Blocks ของ Seed Webs หรือค้นคำว่า Product Grid

Product grid setting

Setting

คลิกที่ Block เพื่อตั้งค่าได้ดังนี้

Product Source

  • Latest Posts
  • Product Categories
  • Random Products
  • Custom Select

Number of Products

จำนวนที่นำมาแสดง

Desktop Columns

จำนวนคอลัมน์ในหน้าจอคอมพิวเตอร์

Desktop Gap

ช่องว่างระหว่างสินค้าในหน้าจอคอมพิวเตอร์

Mobile Gap

ช่องว่างระหว่างสินค้าในหน้าจอมือถือ