โดย Parichat » 12/06/2018 2:09 pm
การ Override Template JoomShopping
Joomshopping เป็นส่วนเสริมสำหรับ
Joomla (จูมล่า) ที่ใช้สำหรับทำเว็บขายของออนไลน์ที่รองรับกับ Joomla ในทุกเวอร์ชั่นตั้งแต่ 1.5, 1.6, 1.7 และล่าสุดคือ Joomla 3.8 สำหรับ
Joomshopping นั้นมีผู้ใช้งาน Joomla ดาวน์โหลดใช้มากกว่า 50,000 ครั้งภายใน 2 ปี ซึ่งสามารถทดลองใช้งานตัว Joomshopping ได้ในหน้าเว็บไซต์ของผู้สร้าง Joomshopping
Override เป็นการนำส่วนเสริมต่างๆของ Joomla หรือของคนอื่นที่เค้าพัฒนาขึ้นมาให้ดาวน์โหลดมาใช้งานโดยผู้ที่พัฒนาก็จะมีการอัพเวอร์ชันอยู่เรื่อยๆจึงทำให้คนที่นำมาพัฒนาต่อหรือคนที่นำมาใช้กับระบบของตัวเองก็ต้องทำการ Override เพื่อเอาไฟล์นั้นมาแก้ไขให้เป็นของเราเองโดยไฟล์ที่เรา Override มาจะไม่มีผลกระทบอะไรกับการอัพเดทเวอร์ชันของ Joomla หรือของส่วนเสริมที่เราดาวโหลดมา
ขั้นตอนการ Override Template JoomShopping
เมื่อเรา Override มาแล้วเราก็สามารถแก้ไขได้ตามความต้องการของเราและยังสามารถแก้ไขได้ทุกหน้าไม่ว่าจะเป็นหน้ารวมสินค้า หน้ารายละเอียดสินค้า หน้า order สินค้า และหน้าอื่นๆ
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Joomla
[b][size=150][color=#FF8080]การ Override Template JoomShopping[/color][/size][/b]
[b]Joomshopping [/b]เป็นส่วนเสริมสำหรับ [url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2620-joomla-cms.html]Joomla (จูมล่า)[/url] ที่ใช้สำหรับทำเว็บขายของออนไลน์ที่รองรับกับ Joomla ในทุกเวอร์ชั่นตั้งแต่ 1.5, 1.6, 1.7 และล่าสุดคือ Joomla 3.8 สำหรับ [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/34-joomla/4839-start-website-ecommerce-with-joomshoppingthaiedition.html]Joomshopping[/url] นั้นมีผู้ใช้งาน Joomla ดาวน์โหลดใช้มากกว่า 50,000 ครั้งภายใน 2 ปี ซึ่งสามารถทดลองใช้งานตัว Joomshopping ได้ในหน้าเว็บไซต์ของผู้สร้าง Joomshopping
[b]Override[/b] เป็นการนำส่วนเสริมต่างๆของ Joomla หรือของคนอื่นที่เค้าพัฒนาขึ้นมาให้ดาวน์โหลดมาใช้งานโดยผู้ที่พัฒนาก็จะมีการอัพเวอร์ชันอยู่เรื่อยๆจึงทำให้คนที่นำมาพัฒนาต่อหรือคนที่นำมาใช้กับระบบของตัวเองก็ต้องทำการ Override เพื่อเอาไฟล์นั้นมาแก้ไขให้เป็นของเราเองโดยไฟล์ที่เรา Override มาจะไม่มีผลกระทบอะไรกับการอัพเดทเวอร์ชันของ Joomla หรือของส่วนเสริมที่เราดาวโหลดมา
[b][color=#FF40BF]ขั้นตอนการ Override Template JoomShopping[/color][/b]
[list]1.ติดตั้ง joomla โดยสามารถดาวน์โหลด[url=https://www.mindphp.com/download/all-download/documents/categories/37-core-joomla.html]ที่นี่[/url]
2.ติดตั้ง joomshopping โดยสามารถดาวน์โหลด[url=https://www.mindphp.com/download/all-download/documents/391-joomshoping.html]ที่นี่[/url]
3.จากนั้นเข้าไปใน Joomla ฝั่งผู้ดูแลระบบ แล้วไปที่ Components > JoomShopping > Configuration แล้วไปที่ General > Template เพื่อดูว่าตัว JoomShopping ใช้เทมเพลตตัวไหนอยู่โดยในที่ใช้เทมเพลตชื่อ default
[attachment=4]b2.jpeg[/attachment]
4.จากนั้นไปที่เครื่องมือ Editor แล้วไปที่ component(ฝั่งหน้าเว็บ) > com_joomshopping > templates จากนั้นก็คัดลอกโฟลเดอร์ templates default มาแล้วเปลี่ยนชื่อตามที่ต้องการได้ ดังรูป
[attachment=5]b1.jpeg[/attachment]
5.จากนั้นไปที่ โฟลเดอร์ css แล้วคัดลองไฟล์ css มาแล้วแก้ชื่อให้ตรงกับชื่อเทมเพลตที่ได้สร้างไว้
[attachment=3]b3.jpeg[/attachment]
6.จากนั้นไปที่ joomla ในฝั้งของผู้ดูแลระบบเพื่อไปเปลี่ยนเทมเพลตให้กับตัว Joomshopping โดยไปที่ Component > Joomshopping > Configuration แล้วไปที่ General > Template แล้วเปลี่ยนเป็นเทมเพลตที่ได้ Override มา ดังรูป
[attachment=1]b6.jpeg[/attachment]
7.ผลลัพธ์ที่ได้ในหน้าเว็บ
[attachment=2]b5.jpeg[/attachment]
[b][color=#FF0040]ตัวอย่าง[/color][/b]
จะแก้ไขชื่อของสินค้าโดยจะเปลี่ยนสีและจัดตำแหน่งของชื่อสินค้าให้อยู่กึ่งกลางโดยตอนนี้ชื่อสินค้าเป็นสีดำและอยู่ในตำแหน่งซ้ายมือดังรูปในข้อ 7 โดยมีวิธีการทำดังนี้
1.ไปที่เครื่องมือ Editor แล้วไปที่ โฟลเดอร์ css แล้วเปิดไฟล์ css ที่เราได้ทำการ Override มา จากนั้นสร้าง class มาเพื่อใส่คำสั่งจัดชื่อของสินค้า ดังโค้ด
[code]
.nameproduct{
//จัดชื่อสินค้าให้อยู่กึ่งกลาง
text-align: center;
//กำหนดสีให้ชื่อสินค้าเป็นสีเขียว
color: #ccff33;
}
[/code]
2.ไปที่ไฟล์ php ในโฟลเดอร์ components > com_jshopping > templates > testjoomla(โฟลเดอร์ที่ Override มา) >list_products > product.php เปิดมาแล้วค้นหาคำว่า "description" หรือกดF12เพื่อดูโค้ดว่าแท็กอะไรคลุมชื่อของสินค้าอยู่ก็ได้ จากนั้นเพิ่ม class css ที่สร้างไว้ ดังโค้ด
[code]
<div class="description nameproduct">
<?php print $product->short_description?>
</div>
[/code]
3.ผลลัพธที่ได้ ดังรูป
[attachment=0]b7.jpeg[/attachment]
[/list]
เมื่อเรา Override มาแล้วเราก็สามารถแก้ไขได้ตามความต้องการของเราและยังสามารถแก้ไขได้ทุกหน้าไม่ว่าจะเป็นหน้ารวมสินค้า หน้ารายละเอียดสินค้า หน้า order สินค้า และหน้าอื่นๆ
[b]ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Joomla[/b]
[list]-[url=https://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/manual-joomla-extension-by-mindphp.html]คู่มือการใช้งาน Joomla Extension By Mindphp[/url]
-[url=https://www.mindphp.com/forums/viewforum.php?f=86]สอบถามเกี่ยวกับ Joomla[/url]
-[url=https://www.mindphp.com/forums/viewforum.php?f=142]ศึกษาข้อมูลเกี่ยวกับ Joomla[/url]
-[url=https://www.mindphp.com/forums/viewforum.php?f=72]ศึกษาความรู้เกี่ยวกับ PHP[/url]
-[url=https://www.mindphp.com/forums/viewforum.php?f=6]ถามตอบเกี่ยวกับ PHP[/url][/list]