คำอธิบาย

ED Shopper คือธีม WordPress สำหรับร้านค้าออนไลน์ WooCommerce ที่เน้นความยืดหยุ่นในการปรับแต่งดีไซน์โดยเจ้าของเว็บไซต์เอง ไม่ว่าจะเป็นโทนสี ฟอนต์ การจัดวาง Header/Footer หรือรูปแบบหน้าเพจ ทุกอย่างทำได้จาก Appearance → Customize โดยไม่ต้องแตะโค้ดแม้แต่บรรทัดเดียว

ธีมมาพร้อมระบบ WooCommerce ที่ปรับแต่งไว้สำหรับตลาดไทยโดยเฉพาะ — ราคาแสดงเป็นสกุลเงินบาทถูกต้องตามรูปแบบ, ลำดับจังหวัดในฟอร์มที่อยู่เรียงตามตัวอักษรไทย, และรองรับปลั๊กอิน Polylang สำหรับทำเว็บไซต์สองภาษา นอกจากนี้ยังมาพร้อมเทมเพลตหน้าเพจสำเร็จรูป 9 แบบ ตั้งแต่หน้า Landing Page เต็มจอ ไปจนถึงหน้า Sales Page แบบยาว และ Gutenberg Block สำเร็จรูปสำหรับสร้างหน้า Landing โดยไม่ต้องพึ่ง Page Builder ภายนอก

ฟีเจอร์หลัก

🛒 WooCommerce พร้อมใช้งาน ปรับแต่งสำหรับร้านค้าไทย

• รองรับ WooCommerce เต็มรูปแบบ ตั้งแต่หน้ารายการสินค้า ตะกร้าสินค้า ชำระเงิน ไปจนถึงบัญชีผู้ใช้
• หน้า My Account — ออกแบบใหม่สำหรับหน้า Dashboard, เข้าสู่ระบบ และจัดการที่อยู่ ให้ดูสะอาดและใช้งานง่ายขึ้น
• ราคาและสกุลเงินบาท (฿) — แสดงสัญลักษณ์และรูปแบบราคาภาษาไทยถูกต้องอัตโนมัติเมื่อใช้ locale ภาษาไทย
• ลำดับจังหวัดภาษาไทย — ฟอร์มที่อยู่ในหน้า Checkout และ My Account เรียงชื่อจังหวัดตามตัวอักษรไทย แทนลำดับภาษาอังกฤษของ WooCommerce
• ป้ายส่วนลดคำนวณเปอร์เซ็นต์อัตโนมัติ — รองรับทั้งสินค้าราคาเดียวและสินค้าที่มีตัวเลือก (Variable Product)
• สินค้าที่เกี่ยวข้อง (Related Products) — ปรับให้แสดงครบ 4 รายการเสมอ พร้อม Fallback ดึงสินค้าจากหมวดหมู่เดียวกันหากมีสินค้าที่เกี่ยวข้องไม่พอ
• หน้าตะกร้าและ Checkout ที่กระชับ — ซ่อนคำอธิบายสินค้าส่วนเกินในรายการตะกร้า/สรุปคำสั่งซื้อ เพื่อให้ลูกค้าเห็นเฉพาะข้อมูลจำเป็น รองรับทั้ง Block Checkout และ Classic Checkout ของ WooCommerce
• สินค้าดิจิทัล — รองรับสินค้าประเภทดาวน์โหลด (Downloadable Products) ตามมาตรฐาน WooCommerce

🎨 ปรับแต่งดีไซน์ได้เองผ่าน Customizer ไม่ต้องเขียนโค้ด

สีสัน (Colors) — ปรับได้อิสระ 11 จุด: สีหลัก (ปุ่ม/แบนเนอร์), สีเสริม (ลิงก์/สถานะ Active), สี Highlight (Hover), สีพื้นหลังหน้าเว็บ, สีพื้นหลัง Card/Section, สีพื้นหลัง Post Card แยกต่างหาก, สีเส้นแบ่ง/Border, สี Header และ Footer แยกอิสระทั้งพื้นหลังและตัวอักษร

ฟอนต์ (Typography) — เลือกฟอนต์สำหรับหัวข้อและเนื้อหาแยกกัน รองรับฟอนต์ภาษาไทยที่นิยมใช้ เช่น Sarabun และฟอนต์ที่ธีมแนบมาให้ในเครื่อง (Anuphan, LINE Seed Sans TH) ปรับน้ำหนักตัวอักษรของหัวข้อและความสูงบรรทัดของเนื้อหาได้

Header — แสดง/ซ่อนไอคอน My Account, Cart (เลือกสไตล์ไอคอนได้), และ Search แยกอิสระ, แสดง/ซ่อน WordPress Admin Bar, เปิด/ปิด Scroll Effects

Footer — รองรับ Widget Area 4 คอลัมน์ในส่วนท้ายเว็บไซต์ ปรับสีพื้นหลังและสีตัวอักษรแยกจากสีหลักของเว็บไซต์

การตั้งค่าร้านค้า — ซ่อน/แสดงแท็บรีวิวสินค้า, ซ่อน/แสดงปุ่มหยิบใส่ตะกร้าในหน้ารายการสินค้า, ซ่อน/แสดงสินค้าที่เกี่ยวข้อง, กำหนดจำนวนสินค้าต่อหน้า (เลือกได้ 8/12/16/20/24)

การตั้งค่าบล็อก — เลือกรูปแบบ Post Card (Card / List / Hero / Caption), กำหนดจำนวนคอลัมน์บน Desktop และมือถือแยกกัน, แสดง/ซ่อน Related Posts พร้อมกำหนดจำนวน, แสดง/ซ่อนชื่อผู้เขียนบน Post Card

📄 เทมเพลตหน้าเพจสำเร็จรูป 9 แบบ

🧩 Gutenberg Block สำเร็จรูปสำหรับสร้างหน้า Landing

ธีมมาพร้อม Custom Block ที่ใช้งานผ่าน Block Editor ของ WordPress ได้ทันที: Hero Section, Product Grid, Post Grid, Feature Cards, CTA, Testimonials, Split Feature, Contact Form และ Post Feature — วางประกอบหน้า Landing ได้โดยไม่ต้องติดตั้ง Page Builder เพิ่ม

✨ Scroll Effects

เอฟเฟกต์ Fade-in ขณะเลื่อนหน้าจอ เปิด/ปิดได้จาก Customizer → Header ทำงานอัตโนมัติกับทุกบล็อกและเนื้อหาในหน้าเว็บไซต์เมื่อเปิดใช้งาน

🌐 รองรับภาษาไทยและหลายภาษา

• ธีมพร้อมแปลภาษาผ่านระบบ Text Domain มาตรฐานของ WordPress พร้อมไฟล์แปลภาษาไทยแนบมาให้ในธีม
• รองรับปลั๊กอิน Polylang สำหรับทำเว็บไซต์หลายภาษา (เช่น ไทย + อังกฤษ)
• รูปแบบราคาและสกุลเงินบาทปรับให้ถูกต้องอัตโนมัติเมื่อ Locale ของเว็บไซต์เป็นภาษาไทย ไม่ว่าจะตั้งค่าโดยตรงหรือผ่าน Polylang

📱 Responsive ทุกอุปกรณ์

• แสดงผลได้สวยงามบนคอมพิวเตอร์ แท็บเล็ต และมือถือ
• ใช้ไฟล์ CSS แยกสำหรับ Mobile และ Desktop (mobile.min.css / desktop.min.css) เพื่อให้แต่ละอุปกรณ์โหลดเฉพาะสไตล์ที่จำเป็น ช่วยเพิ่มประสิทธิภาพการโหลดหน้าเว็บ

การตั้งค่า

จัดการได้ทั้งหมดจาก Appearance → Customize:

การติดตั้ง

1. อัปโหลดไฟล์ธีมที่ Appearance → Themes → Add New → Upload Theme
2. เปิดใช้งานธีม
3. ติดตั้งและเปิดใช้งานปลั๊กอิน WooCommerce (จำเป็นสำหรับฟีเจอร์ร้านค้า)
4. กำหนดเมนูนำทางที่ Appearance → Menus
5. เพิ่มโลโก้และตั้งค่าข้อมูลเว็บไซต์ที่ Appearance → Customize → Site Identity
6. ปรับสี ฟอนต์ Header และ Footer ตามต้องการที่ Appearance → Customize
7. เลือกเทมเพลตหน้าเพจที่ต้องการจากช่อง Page Attributes → Template เมื่อสร้างหรือแก้ไขหน้าเพจ
8. หากต้องการทำเว็บไซต์หลายภาษา ติดตั้งปลั๊กอิน Polylang และตั้งค่าภาษาตามปกติ

ความเข้ากันได้

ทำไมต้องเลือก ED Shopper

เจ้าของร้านค้าออนไลน์จำนวนมากต้องการปรับแต่งดีไซน์เว็บไซต์ให้ตรงกับแบรนด์ของตัวเอง แต่ติดปัญหาต้องจ้างนักพัฒนาแก้โค้ดทุกครั้งที่ต้องการเปลี่ยนสีหรือฟอนต์ ED Shopper ถูกออกแบบมาเพื่อแก้ปัญหานี้โดยเฉพาะ — ทุกจุดของดีไซน์ ตั้งแต่สีสัน ฟอนต์ ไปจนถึง Layout ของ Header และ Footer ปรับได้เองผ่าน Customizer

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

สิ่งที่คุณจะได้รับ

• ธีม ED Shopper เวอร์ชันล่าสุด
• อัปเดตฟรีในเวอร์ชันเดียวกัน
• รองรับ WooCommerce เต็มรูปแบบ
• ปรับแต่งดีไซน์ได้เองผ่าน Customizer โดยไม่ต้องเขียนโค้ด
• รองรับภาษาไทยเต็มรูปแบบ พร้อมรองรับ Polylang สำหรับเว็บไซต์หลายภาษา
• เทมเพลตหน้าเพจสำเร็จรูป 9 แบบ และ Gutenberg Block สำเร็จรูป
• รองรับการใช้งานเชิงพาณิชย์
• เอกสารการติดตั้งและการตั้งค่า

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