ผมได้ทำ แก้ไข 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)
พอผม Adscript I-con ของ เวอร์ชัน 5.10.1 ก็จะขึ้นเป็นรูปสี่เหลี่ยมแบบนี้ครับ
- Selection_999(539).png (63.46 KiB) Viewed 1205 times
วิธีแก้ไข คือ เราต้องใช้ Icon ที่ Template Helix3 รองรับ ก็คือ เป็นเวอร์ชัน 4.7.0 ให้เราเข้าไปที่
https://fontawesome.com/v4.7.0/ แล้วกด Getstart
- Selection_999(547).png (126.38 KiB) Viewed 1205 times
นำสคริป นี้ไปใส่ไว้ที่งาน ที่เราจะใช้ Icon
โค้ด: เลือกทั้งหมด
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
แล้วก็ให้ไปที Icon แล้วก็พิมหา Icon ที่จะใช้งาน
- Selection_999(548).png (49.34 KiB) Viewed 1205 times
หลังจากนั้นเราจะได้หน้านี้ แล้วก็อบโค้ด ในกรอบสี่เหลี่ยมไปใส่ ในโค้ดครับ
- Selection_999(551).png (21.08 KiB) Viewed 1205 times
การใช้งานคือ
นำโค้ดไปวาง
โค้ด: เลือกทั้งหมด
<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 (71.69 KiB) Viewed 1205 times