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

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

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

ภาพประจำตัวสมาชิก
Patipat
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 967
ลงทะเบียนเมื่อ: 10/06/2019 10:12 am

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

โพสต์โดย 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) เปิดดู 61 ครั้ง


วิธีแก้ไข คือ เราต้องใช้ Icon ที่ Template Helix3 รองรับ ก็คือ เป็นเวอร์ชัน 4.7.0 ให้เราเข้าไปที่ https://fontawesome.com/v4.7.0/ แล้วกด Getstart
Selection_999(547).png
Selection_999(547).png (126.38 KiB) เปิดดู 61 ครั้ง


นำสคริป นี้ไปใส่ไว้ที่งาน ที่เราจะใช้ Icon

โค้ด: เลือกทั้งหมด

<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) เปิดดู 61 ครั้ง


หลังจากนั้นเราจะได้หน้านี้ แล้วก็อบโค้ด ในกรอบสี่เหลี่ยมไปใส่ ในโค้ดครับ
Selection_999(551).png
Selection_999(551).png (21.08 KiB) เปิดดู 61 ครั้ง


การใช้งานคือ
นำโค้ดไปวาง

โค้ด: เลือกทั้งหมด

<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) เปิดดู 61 ครั้ง
If you fall, let you stand. :)

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 4 และ บุคคลทั่วไป 0 ท่าน