Module BCBlockPub

ล่าสุดเรามีลูกค้ารายหนึ่งที่ต้องการเปลี่ยนแบนเนอร์โปรโมชันหน้าแรกบ่อยมาก แต่ทุกครั้งที่จะเปลี่ยนรูปหรือย้ายตำแหน่งแบนเนอร์ ต้องให้ทีมพัฒนาเข้าไปแก้โค้ดธีมให้ทุกครั้ง แถมพอนึกอยากได้สไลเดอร์รูปสัก 2-3 รูปสลับกันโชว์ ก็กลายเป็นต้องเสียเวลาเขียน JS เพิ่มขึ้นมาอีก

PrestaShop ไม่มีฟีเจอร์ในตัวสำหรับให้แอดมินจัดการรูปภาพ/แบนเนอร์/สไลเดอร์เองได้จากหลังบ้าน ทำให้ร้านค้าต้องพึ่งพาทีมพัฒนาทุกครั้งที่ต้องการเปลี่ยนแปลงเล็กๆ น้อยๆ ทั้งที่ควรจะทำเองได้ในไม่กี่คลิก

โมดูลนี้จึงถูกสร้างขึ้นเพื่อคืนความเป็นอิสระในการจัดการคอนเทนต์ (autonomy) ให้กับเจ้าของร้านเอง — ไม่ว่าจะเป็นการเปลี่ยนรูป ย้ายตำแหน่งแบนเนอร์ ปรับสไลเดอร์ หรือเปิด/ปิด popup โปรโมชัน ทุกอย่างทำได้เองจากหลังบ้านทันที โดยไม่ต้องรอหรือพึ่งพา developer เขียนโค้ดใหม่ทุกครั้งที่มีการเปลี่ยนแปลงเล็กๆ น้อยๆ

โมดูลนี้ทำอะไร

เป็นโมดูล PrestaShop สำหรับสร้างบล็อกรูปภาพ (รูปเดี่ยวหรือสไลเดอร์) แล้วนำไปวางแสดงตำแหน่งไหนก็ได้ในธีม ผ่านระบบ hook — ทั้ง hook มาตรฐานของ PrestaShop (เช่น หน้าแรก, บนสุดของหน้า, แบนเนอร์, ท้ายเว็บ, คอลัมน์ซ้าย/ขวา ฯลฯ) และ hook กำหนดเอง (displayCustom1-5) สำหรับตำแหน่งที่ธีมไม่มี hook มาตรฐานรองรับ นอกจากนี้ยังแสดงเป็น popup ได้ด้วย โดยเจาะจงได้ว่าจะขึ้นเฉพาะหน้าไหน (เช่น สินค้า/หมวดหมู่/CMS ID ที่ระบุ)

เหตุผลในการสร้าง

เพราะการใส่แบนเนอร์หรือรูปโปรโมชันในธีม PrestaShop ปกติต้องแก้โค้ดธีมโดยตรงทุกครั้งที่ต้องการเปลี่ยนตำแหน่งหรือเพิ่มรูป และหากต้องการสไลเดอร์ก็ต้องเขียน JS เอง โมดูลนี้จึงถูกสร้างมาให้แอดมินจัดการรูปภาพ/แบนเนอร์/สไลเดอร์ได้เองทั้งหมดจากหลังบ้าน โดยไม่ต้องแตะโค้ดธีม (ยกเว้นตำแหน่ง custom ที่ต้องแปะโค้ด hook ครั้งเดียว)

แก้ปัญหาอะไร

ปัญหาต้องแก้โค้ดธีมทุกครั้งที่จะเปลี่ยนแบนเนอร์/รูปโปรโมชัน — จัดการทุกอย่างผ่านหลังบ้านแทน
ปัญหาอยากได้สไลเดอร์รูปแต่ธีมไม่รองรับ หรือไม่มีงบจ้างเขียนเพิ่ม — โมดูลสร้างสไลเดอร์ให้อัตโนมัติทันทีที่บล็อกมีรูปตั้งแต่ 2 รูปขึ้นไป
ปัญหาอยากทำ popup โปรโมชันเฉพาะบางหน้า แต่ไม่อยากรบกวนผู้ใช้ทุกครั้งที่เข้าเว็บ — มีระบบเจาะจงหน้าที่จะให้ popup ขึ้น พร้อมจำสถานะเมื่อผู้ใช้กดปิดแล้ว (ไม่โผล่ซ้ำ)
ปัญหารูปเดสก์ท็อปไม่เหมาะกับมือถือ — ตั้งรูปและอัตราส่วนแยกสำหรับมือถือได้ต่างหาก

วิธีการใช้งาน

แอดมินสร้าง "บล็อก" แล้วเลือกโหมดการแสดงผล — แสดงผ่าน hook (เลือกตำแหน่ง hook ที่ต้องการ) หรือแสดงเป็น popup (เลือกได้ว่าจะขึ้นเฉพาะหน้าไหน เช่น หน้าแรก/สินค้า/หมวดหมู่/CMS และเจาะจง ID ได้)
ภายในบล็อก แอดมินเพิ่ม "item" ได้หลายรายการ แต่ละ item มีรูปเดสก์ท็อป, ลิงก์ปลายทาง (พร้อมเลือกเปิดแท็บใหม่หรือไม่), คำบรรยายสั้น และรูป/อัตราส่วนสำหรับมือถือแยกได้ถ้าต้องการ
ถ้าบล็อกมีรูปตั้งแต่ 2 รูปขึ้นไป ระบบจะเปลี่ยนเป็นสไลเดอร์อัตโนมัติ พร้อมปุ่มเลื่อนซ้าย/ขวา รองรับปัดนิ้วบนมือถือ หยุดเลื่อนเมื่อเมาส์ชี้ค้าง และเลื่อนด้วยปุ่มลูกศรบนคีย์บอร์ดได้
เมื่อบันทึก ระบบจะดึงบล็อกที่ตรงกับ hook/หน้าปัจจุบันมาแสดงผลจริงบนเว็บทันที (ฝั่ง popup จะเช็คคุกกี้ก่อนว่าผู้ใช้เคยปิดไปแล้วหรือยัง)

คุณสมบัติ

แสดงผลได้ 2 รูปแบบ: ฝัง hook ปกติ/กำหนดเอง หรือ popup เจาะจงหน้า
รองรับ hook มาตรฐานของ PrestaShop ครบ (หน้าแรก, บนสุด, แบนเนอร์, ท้ายเว็บ, คอลัมน์ซ้าย/ขวา ฯลฯ) และ hook กำหนดเอง 5 ตำแหน่ง
popup เจาะจงได้ถึงระดับหน้าสินค้า/หมวดหมู่/CMS ที่ต้องการ พร้อมจำค่าไม่ให้ popup ที่เคยปิดแล้วโผล่ซ้ำ
สไลเดอร์อัตโนมัติเมื่อมีรูปตั้งแต่ 2 รูป (เลือกเลื่อนอัตโนมัติ/manual ได้ ตั้งดีเลย์ได้ รองรับสไวป์/คีย์บอร์ด/หยุดเมื่อเมาส์ชี้)
เลือกอัตราส่วนการแสดงผลได้หลายแบบ (16:9, 4:3, 1:1, 3:4, 21:9, 3:1) หรือกำหนดเองได้
ตั้งรูปและอัตราส่วนแยกสำหรับมือถือได้ ถ้าต้องการให้ต่างจากเดสก์ท็อป
แต่ละ item ใส่ลิงก์ปลายทาง คำบรรยาย และเลือกเปิดลิงก์แท็บเดิม/แท็บใหม่ได้ พร้อมรองรับหลายภาษาในคำบรรยาย