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

กฎการใช้บอร์ด
ทาง Mindphp.com เลิกทำเนื้อหาในส่วนของ Magento แล้ว
หันไปทุ่มเวลาในการทำเนื้อหา และ พัฒนา MooZiiCart แทน ทางเลือกใหม่สำหรับคนทำเว็บขายของ ติดตาม และ สอบถามได้ที่ลิงค์ด้านล่างนี้
viewforum.php?f=338
Feature MooZiiCart
https://www.mindphp.com/download/featur ... icart.html

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีการสร้าง Block และ วิธีการนำไปใช้

วิธีการสร้าง 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) Viewed 1741 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 1741 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 1741 times
แล้วคลิกตามลูกศร สีเขียวเพื่อเพิ่ม Static blocks

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

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

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

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

ข้างบน