Icon Helix3 ต้องใช้ I-con Font Awersome เวอร์ชัน 4.7.0

แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

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

Patipat
PHP Super Hero Member
PHP Super Hero Member
Posts: 996
Joined: 10/06/2019 10:12 am

Icon Helix3 ต้องใช้ I-con Font Awersome เวอร์ชัน 4.7.0

Post by Patipat » 02/08/2019 3:32 pm

ผมได้ทำ แก้ไข Template ของ Mooziicart โดยนำ Template ของ Helix3 มา Overried โอเวอร์ไรด์ คืออะไร ก็คือ การนำ Template Mooziicart ของเรานั้น มาใช้ทำให้เหมือน หรือ ปรับให้เข้ากัน กับ Template ตัวอย่างนั่นเองครับ แล้วในตัว Template ของ Helix3 นั้น มีการใช้ Icon ของ Awesome อยู่แล้ว แต่ว่าเป็นเวอร์ชัน 4.7.0 ตอนแรกผมไปใช้ เวอร์ชัน 5.10.1 แล้ว Addscript ของเวอร์ชัน ล่าสุดมาเลยทำให้ใช้งานได้แค่ เวอร์ชันล่าสุด ตัวเวอร์ชัน 4.7.0 ใช้งานไม่ได้ครับ

รูปนี้คือ Icon ที่ Template Helix3 ได้ใช้ (ยังไม่ได้ Adscript ของเวอร์ชัน 5.10.1)
Selection_999(538).png
พอผม Adscript I-con ของ เวอร์ชัน 5.10.1 ก็จะขึ้นเป็นรูปสี่เหลี่ยมแบบนี้ครับ
Selection_999(539).png
Selection_999(539).png (63.46 KiB) Viewed 164 times
วิธีแก้ไข คือ เราต้องใช้ Icon ที่ Template Helix3 รองรับ ก็คือ เป็นเวอร์ชัน 4.7.0 ให้เราเข้าไปที่ https://fontawesome.com/v4.7.0/ แล้วกด Getstart
Selection_999(547).png
Selection_999(547).png (126.38 KiB) Viewed 164 times
นำสคริป นี้ไปใส่ไว้ที่งาน ที่เราจะใช้ Icon

Code: Select all

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
แล้วก็ให้ไปที Icon แล้วก็พิมหา Icon ที่จะใช้งาน
Selection_999(548).png
Selection_999(548).png (49.34 KiB) Viewed 164 times
หลังจากนั้นเราจะได้หน้านี้ แล้วก็อบโค้ด ในกรอบสี่เหลี่ยมไปใส่ ในโค้ดครับ
Selection_999(551).png
Selection_999(551).png (21.08 KiB) Viewed 164 times
การใช้งานคือ
นำโค้ดไปวาง

Code: Select all

<span style="font-size: 15px;" class="btn btn-primary" onclick="document.updateCart.submit();">
                    <i class="fa fa-refresh" aria-hidden="true"></i>
 </span> 
ผลลัพธ์เราก็จะได้ Icon ที่ใช้ร่วมกับ Template Helix3 ได้แล้วครับ
Selection_999(550).png
Selection_999(550).png (71.69 KiB) Viewed 164 times
If you fall, let you stand. :)

Return to “Joomla Developing Knowledge”

Who is online

Users browsing this forum: No registered users and 14 guests