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

คู่มือ แชร์วิธีใช้งาน Magento ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup ทุกเรื่องของการทำเว็บขายของ (เลิกทำเนื้อหาหมวดนี้) ทางเว็บหันไปทำเนื้อหา และ พัฒนา MooZiiCart แทนแล้วนะ ติดตามได้ที่หมวดนี้
viewforum.php?f=338

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

Forum rules
ทาง Mindphp.com เลิกทำเนื้อหาในส่วนของ Magento แล้ว
หันไปทุ่มเวลาในการทำเนื้อหา และ พัฒนา MooZiiCart แทน ทางเลือกใหม่สำหรับคนทำเว็บขายของ ติดตาม และ สอบถามได้ที่ลิงค์ด้านล่างนี้
viewforum.php?f=338
Feature MooZiiCart
https://www.mindphp.com/download/featur ... icart.html
mcmakdonal
PHP Super Member
PHP Super Member
Posts: 246
Joined: 18/05/2015 9:51 am

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

Post by mcmakdonal »

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

1. ไปที่ CMS -> Static Blocks
2015-07-09_18-24-43.jpg
2015-07-09_18-24-43.jpg (23.06 KiB) Viewed 1184 times
แล้วคลิกที่ Add New Blocks เพื่อสร้าง Block ใหม่

2. เมื่อเข้ามาจะพบกับการสร้าง Block
2015-07-09_18-33-04.jpg
2015-07-09_18-33-04.jpg (82.72 KiB) Viewed 1184 times
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) Viewed 1184 times
แล้วคลิกตามลูกศร สีเขียวเพื่อเพิ่ม Static blocks

4. จะพบกับ pop up ดังภาพ
2015-07-09_18-41-19.jpg
2015-07-09_18-41-19.jpg (48.87 KiB) Viewed 1184 times
ตรง 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) Viewed 1184 times
แล้วทำการเลือก 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) Viewed 1184 times
แล้ว Clear cache ด้วย

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

จะได้ผลลัทธ์ตามภาพ ตามกรอบสีแดงง
2015-07-09_18-50-12.jpg
2015-07-09_18-50-12.jpg (70.56 KiB) Viewed 1184 times

เสร็จสิ้นวิธีการเพิ่มและใช้งาน Block ละครับ
Image
  • Similar Topics
    Replies
    Views
    Last post

Return to “Magento user Guide Knowledge (เลิกทำเนื้อหา)”

Who is online

Users browsing this forum: No registered users and 3 guests