คำอธิบาย

Shopper คือธีม WordPress สำหรับร้านค้าออนไลน์ ออกแบบให้ใช้งานได้จริงกับธุรกิจ ไม่ใช่แค่หน้าตัวอย่าง — มาพร้อมบล็อก Gutenberg ที่เขียนขึ้นเองสำหรับสร้างหน้า Landing Page ได้ครบในตัว ระบบสีและฟอนต์ปรับแต่งได้ทั้งหมดผ่าน Customizer โดยไม่ต้องแตะโค้ด

🛒 ร้านค้าออนไลน์ (WooCommerce)

• หน้า Shop / หมวดหมู่สินค้า — พร้อม Sidebar ตัวกรองสินค้า (หมวดหมู่, ช่วงราคาแบบ Slider, คะแนนรีวิว) เปิด/ปิดได้ใน Customizer → Shop, จัดวางซ้ายหรือขวาก็ได้
• การ์ดสินค้า — ป้าย Sale % มุมซ้ายบน, ราคาก่อน/หลังลด, ปุ่ม Add to Cart แบบ Catalog Mode (ซ่อนราคา/ปุ่มหยิบใส่ตะกร้าได้ทีละอย่าง เหมาะกับร้านที่ยังไม่พร้อมขายออนไลน์เต็มรูปแบบ)
• หน้า Cart / Checkout — รองรับทั้ง Block Cart/Checkout ของ WooCommerce สมัยใหม่และแบบ Classic
• หน้า My Account — ออกแบบใหม่ให้เข้ากับธีม ครอบคลุมออเดอร์ ที่อยู่ ดาวน์โหลด และข้อมูลบัญชี
• แคมเปญลดราคาหลายระดับ — รองรับการแสดงราคา 3 ชั้น (ราคาปกติ → ราคาก่อนแคมเปญ → ราคาแคมเปญ) เข้ากันได้กับปลั๊กอิน ED Sale Campaigns โดยเฉพาะ
• ราคาและสกุลเงินบาท (฿) — จัดรูปแบบราคาภาษาไทยถูกต้อง พร้อมสไตล์ชีตเฉพาะสำหรับสกุลเงินไทย

🧱 บล็อก Gutenberg ในตัว 10 แบบ

ไม่ต้องพึ่ง Page Builder ภายนอก — สร้างหน้า Landing ได้ครบจากบล็อกที่มากับธีมเอง:

ทุกบล็อกตั้งค่าสีพื้นหลัง/ตัวอักษรเองได้ในหน้า Editor และความกว้างล็อกตามคอนเทนเนอร์หลักของเว็บอัตโนมัติ ไม่มีปัญหาบล็อกกว้างเกินหรือแคบกว่ากันเอง

🎨 ปรับแต่งดีไซน์ได้เอง (Customizer)

ปรับทุกอย่างผ่าน Appearance → Customize โดยไม่ต้องเขียนโค้ด:

สีสัน (Brand Identity → Colors) — 12 จุดปรับแยกอิสระ:

• ตัวอักษรหลัก, Accent (ปุ่ม/ลิงก์/สถานะ Active), Highlight (Hover)
• พื้นหลังหน้าเว็บ, พื้นหลัง Section รอง, พื้นหลัง Post Card
• เส้นแบ่ง/Border, พื้นหลัง-ตัวอักษร Header และ Footer แยกอิสระจากกัน

ฟอนต์ (Brand Identity → Typography)

• เลือกฟอนต์หัวข้อ/เนื้อหาแยกกัน รองรับฟอนต์ไทยเต็มรูปแบบ (ค่าเริ่มต้น Sarabun)
• ปรับน้ำหนักตัวอักษรหัวข้อและ Line Height เนื้อหา

Social (Brand Identity → Social)

• ลิงก์โซเชียล 12 ช่องทาง (Facebook, YouTube, LINE, X, Messenger, Instagram, TikTok, Pinterest, LinkedIn, ลิงก์กำหนดเอง 3 ช่อง) + ปรับขนาดไอคอน
• ไอคอนแสดงอัตโนมัติเมื่อกรอกลิงก์ ไม่ต้องเปิดสวิตช์แยก

Header

• จัดวางเลย์เอาต์ Header ได้เอง

Shop

• Layout ตัวกรองสินค้า (ปิด/ซ้าย/ขวา), ซ่อนราคา, ซ่อนปุ่ม Add-to-Cart บนหน้ารายการ (Catalog Mode)

Footer

• Widget Area 4 คอลัมน์ (จัดการที่ Customize → Footer โดยเฉพาะ — ซ่อนจากหน้า Widgets มาตรฐานเพื่อไม่ให้สับสนว่าต้องแก้ตรงไหน)

📄 เทมเพลตหน้า (Page Templates)

🌐 รองรับหลายภาษา (Multilingual)

• รองรับ Polylang สำหรับเว็บไซต์หลายภาษา
• ระบบสกุลเงินและรูปแบบราคาไทยทำงานอัตโนมัติเมื่อตั้ง locale เป็นภาษาไทย

🔌 ปลั๊กอินที่รองรับ

📱 Responsive Design

• แสดงผลสวยงามบนทุกอุปกรณ์: มือถือ, แท็บเล็ต, เดสก์ท็อป
• CSS แยก Mobile / Desktop เพื่อประสิทธิภาพสูงสุด

⚙️ ข้อมูลทางเทคนิค