Page 1 of 1

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

Posted: 02/08/2019 3:32 pm
by Patipat
ผมได้ทำ แก้ไข 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 251 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 251 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 251 times
หลังจากนั้นเราจะได้หน้านี้ แล้วก็อบโค้ด ในกรอบสี่เหลี่ยมไปใส่ ในโค้ดครับ
Selection_999(551).png
Selection_999(551).png (21.08 KiB) Viewed 251 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 251 times