วิธีการสร้าง Block และ วิธีการนำไปใช้

คู่มือ แชร์วิธีใช้งาน Magento ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup ทุกเรื่องของการทำเว็บขายของ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mcmakdonal
PHP Super Member
PHP Super Member
โพสต์: 246
ลงทะเบียนเมื่อ: 18/05/2015 9:51 am

วิธีการสร้าง Block และ วิธีการนำไปใช้

โพสต์โดย mcmakdonal » 09/07/2015 6:56 pm

บทความนี้จะเป็นการอธิบาย การใช้งาน พื้นฐาน

1. ไปที่ CMS -> Static Blocks

2015-07-09_18-24-43.jpg
2015-07-09_18-24-43.jpg (23.06 KiB) เปิดดู 542 ครั้ง


แล้วคลิกที่ Add New Blocks เพื่อสร้าง Block ใหม่

2. เมื่อเข้ามาจะพบกับการสร้าง Block

2015-07-09_18-33-04.jpg
2015-07-09_18-33-04.jpg (82.72 KiB) เปิดดู 542 ครั้ง


Block title : ชื่อของ Block
Identifier : ...
Store Views : เลือกการแสดงผล Block นี้ใน Store views ไหน
Status : สถานะของ Block นี้
Content : เนื้อหาที่จะแสดงของ Block

จากตัวอย่าง ผมทำการพิมพ์ คำว่า TEST และเพิ่มรูปภาพ ลงไป (เพิ่มรูปภาพโดยทำการคลิกทีลูกศรสีแดง)

เสร็จแล้วกด Save Blocks

3. แล้วไปที่ CMS -> Page

ผมจะยกตัวอย่าง เพิ่ม Block ในหน้า Home Page นะครับ เมื่อคลิกเข้ามาที่ page home page แล้ว ไปที่ Content

2015-07-09_18-38-17.jpg
2015-07-09_18-38-17.jpg (62.73 KiB) เปิดดู 542 ครั้ง


แล้วคลิกตามลูกศร สีเขียวเพื่อเพิ่ม Static blocks

4. จะพบกับ pop up ดังภาพ

2015-07-09_18-41-19.jpg
2015-07-09_18-41-19.jpg (48.87 KiB) เปิดดู 542 ครั้ง


ตรง Widget Type ให้เลือกเป็น CMS Static Blocks
ตรง Template ให้เลือกเป็น CMS Static blocks Default template
แล้วคลิกทีปุ่ม Select Block

2015-07-09_18-45-30.jpg
2015-07-09_18-45-30.jpg (51.14 KiB) เปิดดู 542 ครั้ง


แล้วทำการเลือก Block TEST ที่เราสร้าง แล้วคลิกที่ Insert Widget ที่ด้านบนขวา

5. จากนั้นจะเห็น icon CMS Block เพิ่มขึ้นมา (ถ้าเราต้องการแก้ไขให้ ดับเบิ้ลคลิกที่ icon นี้) แล้วกด Save Page

2015-07-09_18-46-58.jpg
2015-07-09_18-46-58.jpg (30.11 KiB) เปิดดู 542 ครั้ง


แล้ว Clear cache ด้วย

6. จากนั้นไปดู ผลลัทธ์ ที่หน้า Home page

จะได้ผลลัทธ์ตามภาพ ตามกรอบสีแดงง

2015-07-09_18-50-12.jpg
2015-07-09_18-50-12.jpg (70.56 KiB) เปิดดู 542 ครั้ง



เสร็จสิ้นวิธีการเพิ่มและใช้งาน Block ละครับ
รูปภาพ

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 3 และ บุคคลทั่วไป 0 ท่าน