การสร้างหน้า page ใหม่แบบกำหนดเองใน OpenCart ตอนที่ 1
เขียนเมื่อ 7 ปีก่อน โดย Ninenik Narkdeeopencart
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ opencart
ไปที่
Copy

เนื้อหาต่อไปนี้ เราจะมาดูแนวทางการสร้าง page ใหม่แบบกำหนดเอง ใน OpenCart
(*เวอร์ชั่น 2.2.0.0) โดยในที่นี้จะแนะนำวิธีอบ่างง่าย จะมีไฟล์ที่เกี่ยวข้องอยู่ 2 ไฟล์
คือไฟล์ใน controller และไฟล์ใน view
สำหรับในส่วนของ language และ model นั้นจะยังไม่ขอกล่าวในตอนนี้
เริ่มต้นให้เราสร้างโฟลเดอร์ชื่อ extra ไว้ในโฟลเดอร์
catalog/controller
จากนั้นสร้างไฟล์ชื่อ mypage.php ไว้ในโฟลเดอร์ extra อีกที
path ไฟล์ที่ได้จะเป็น catalog/controller/extra/mypage.php โดยโค้ดของไฟล์ mypage.php
จะเป็นดังนี้
<?php class ControllerExtraMypage extends Controller { // ตัวแปร $error กำหนดไว้ ยังไม่ได้ใช้งานในตอนนี้ private $error = array(); public function index() { // กำหนดส่วนของ title ของหน้าเพจ $this->document->setTitle('My Page Title'); // กำหนดตัวแปร ที่่ต้องการส่งค่าไปแสดง หรือใช้งาน $data['my_demo_text'] = "This is mypage."; // โหลดเนื้อหาส่วนต่างๆ ของหน้าเพจ มาไว้ในตัวแปร $data['column_left'] = $this->load->controller('common/column_left'); $data['column_right'] = $this->load->controller('common/column_right'); $data['content_top'] = $this->load->controller('common/content_top'); $data['content_bottom'] = $this->load->controller('common/content_bottom'); $data['footer'] = $this->load->controller('common/footer'); $data['header'] = $this->load->controller('common/header'); // แสดงผลข้อมูลโดยนำค่าตัวแปร $data ส่งไปแสดงใน template extra/mypage.tpl $this->response->setOutput($this->load->view('extra/mypage', $data)); } }
สังเกตการกำหนดชื่อ class จะเป็น ControllerExtraMypage รูปแบบคือ
Controller ตามด้วย ชื่อโฟลเดอร์ Extra ตามด้วยชื่อไฟล์ Mypage ตัวแรกของแต่ละชื่อจะเป็นตัวพิมพ์ใหญ่
(คำอธิบาย แสดงในโค้ด) ตัวอย่างการสร้างหน้า page ใหม่นี้ จะเป้นการแสดงหน้า page เปล่าๆ และส่งค่าตัวแปร
ชื่อ my_demo_text ไปแสดงข้อมูล และมีการโหลดข้อมูลส่วนต่างๆ มาแสดงด้วยเช่น header footer เป็นต้น
ต่อไปให้เราสร้างไฟล์ในส่วนของ view หรือส่วนของการแสดงผล
สร้างโฟลเดอร์ชื่อ extra ไว้ในโฟลเดอร์
catalog/view/theme/default/template
จากนั้นสร้างไฟล์ชื่อ mypage.tpl ไว้ในโฟลเดอร์ extra อีกที
path ไฟล์ที่ได้จะเป็น catalog/view/theme/default/template/extra/mypage.tpl
โดยโค้ดของไฟล์ mypage.tpl จะเป็นดังนี้
<?php echo $header; ?> <div class="container"> <div class="row"><?php echo $column_left; ?> <?php if ($column_left && $column_right) { ?> <?php $class = 'col-sm-6'; ?> <?php } elseif ($column_left || $column_right) { ?> <?php $class = 'col-sm-9'; ?> <?php } else { ?> <?php $class = 'col-sm-12'; ?> <?php } ?> <div id="content" class="<?php echo $class; ?>"> <?php echo $content_top; ?> <?php echo $my_demo_text; ?> <?php echo $content_bottom; ?></div> <?php echo $column_right; ?></div> </div> <?php echo $footer; ?>
สังเกตว่าเราจะมีการนำค่าตัวแปรที่กำหนดใน controller มาแสดง ด้วยตัวแปร $my_demo_text ส่งมาด้วย
โดยแสดงผลด้วยคำสั่ง
<?php echo $my_demo_text; ?>
ทดลองรันไฟล์ โดยไปที่ url
http://localhost/store/index.php?route=extra/mypage
จะได้ผลลัพธ์ดังรูป

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

อ่านต่อที่บทความ
-
24 May2016การกำหนด language สำหรับหน้า page ใหม่ใน OpenCart ตอนที่ 2 อ่าน 4,270
จากเนื้อหาตอนที่แล้ว เราสร้างหน้า page ใหม่แบบกำหนดเองขึ้นมาอย่างง่าย ต่อ
เนื้อหาที่เกี่ยวข้อง
-
11 May2016แนะนำ OpenCart สร้างร้านค้าออนไลน์ ได้อย่างง่าย อ่าน 6,200
OpenCart ระบบตะกร้าสินค้า สำหรับร้านค้าออนไลน์ ที่ให้เราสามารถนำมาปรับใช้ได้ฟ
-
12 May2016การติดตั้ง vQmod สำหรับ OpenCart เพื่อรองรับการเพิ่มโมดูลและส่วนขยาย อ่าน 4,788
ข้อดีของการติดตั้ง vQmod นั่นคือจะช่วยให้การเพิ่มโมดูลให้กับ OpenCart ได้ง่าย
-
13 May2016ดาวน์โหลด ภาษาไทยสำหรับ OpenCart และวิธีการติดตั้ง อ่าน 9,391
ชุดภาษาไทยสำหรับ OpenCart ตัวนี้แปลประมาณปลายปี 2558 . . . .. . . . . ครอบ
-
14 May2016วิธีการและแนวทางการเพิ่มสกุลเงินไทย ใน OpenCart อ่าน 7,234
เนื้อหาในส่วนอื่นๆ ต่อไปจะอ้างอิงเมนูเป็นภาษาไทย สำหรับใครที่ใช้เมนูภาษาอังกฤ
-
16 May2016ติดตั้ง ระบบจัดการ VQMod scripts ใน OpenCart สำหรับผู้ดูแลระบบ อ่าน 4,982
จากเนื้อหาในตอนก่อนหน้าเกี่ยวกับการติดตั้ง vQmod การติดต
-
17 May2016สร้าง vQmod script เปลียนชื่อจังหวัดเป็นภาษาไทยใน OpenCart อ่าน 5,240
จากเนื้อหาตอนที่แล้ว ที่เราได้รู้จักกับเครื่องมือจัดการ vQmod script ไฟล์
-
22 May2016การปรับแต่งภาษาไทยใน OpenCart รองรับการใช้งาน เพิ่มเติม อ่าน 3,900
จากที่ได้แนะนำการกำหนดภาษาไทย การเพิ่มสกุลเงินบาทไทย และการ เปลี่ยนชื่อจั
-
กำลังอ่านเนื้อหานี้อยู่23 May2016การสร้างหน้า page ใหม่แบบกำหนดเองใน OpenCart ตอนที่ 1 อ่าน 5,626
เนื้อหาต่อไปนี้ เราจะมาดูแนวทางการสร้าง page ใหม่แบบกำหนดเอง ใน OpenCart
-
24 May2016การกำหนด language สำหรับหน้า page ใหม่ใน OpenCart ตอนที่ 2 อ่าน 4,270
จากเนื้อหาตอนที่แล้ว เราสร้างหน้า page ใหม่แบบกำหนดเองขึ้นมาอย่างง่าย ต่อ
-
25 May2016การส่งค่าฟอร์ม และตรวจสอบ error หน้า page ใหม่ใน OpenCart ตอนที่ 3 อ่าน 6,400
จากตอนที่ 1 และตอนที่ 2 ที่ผ่านมา เราได้รู้จักวิธีการสร้างหน้าเพจใหม่ แบบกำหน
-
30 May2016การเปิดใช้งาน captcha สำหรับ page ใหม่ใน OpenCart ตอนที่ 4 อ่าน 5,622
เนื้อหาตอนนี้ เราจะมาดูวิธีการติดตั้ง เปิดใช้งาน และเรียกใช้งานระบบป้องกัน ca
-
31 May2016การเปิดใช้งาน Google reCAPTCHA ใน OpenCart ตอนที่ 5 อ่าน 5,502
สำหรับเนื้อหาในตอนนี้จะเป็นแนวทางการเปิดใช้งาน Google reCAPTCHA ใน
-
27 May2017แนวทางการอัพเกรด opencart เวอร์ชั่น 2.2.0 เป็น 2.3.0.2 อ่าน 4,248
เนื้อหาต่อไปนี้เป็นแนวทางสำหรับอัพเกรด opencart เวอร์ชั่น 2.2.0 ซึ่งเป็นเวอร์
-
13 Jun2017แจกฟรีภาษาไทยสำหรับ OpenCart 2.3.x.x และวิธีการติดตั้ง อ่าน 6,820
ชุดภาษาไทยสำหรับ OpenCart เวอร์ชั่น 2.3.x.x ตัวนี้ปรับปรุงจากชุดภาษา ไทยท
Tags::
opencart
URL สำหรับอ้างอิง
Top
Copy
ขอบคุณทุกการสนับสนุน
![]()