Hướng dẫn cài Font Awesome cho Opencart

FontAwesome là một giải pháp giúp cải thiện tốc độ tải trang cho websie, thay cho việc sử dụng các icon bằng hình ảnh. Thực ra cài FontAwesome vào Opencart không khó, nếu bạn đã rành về HTML rồi thì có thể làm được ngay. Nói không khó nhưng nhiều bạn vẫn không biết cách làm, vì vậy trong bài viết này mình sẽ hướng dẫn cài Font Awesome cho Opencart một cách đơn giản nhất.

Để cài Font Awesome cho Opencart các bạn chỉ cần làm theo các bước sau:

Bước 1: Download Font Awesome

Vào Download Font Awesome tại github và giải nén ra. Tạo một folder đặt tên là font-awesome  ở root của Opencart, sau đó copy folder font và css ở folder đã giải nén ra cho vào folder bạn vừa mới tạo.

Bước 2: Chỉnh sửa Opencart header template file

Mở catalog/view/theme/*/template/common/header.tpl bằng Notepad ++ tìm

<?php foreach ($scripts as $script) { ?>

và thêm đoạn sau phía trên nó:

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

Bước 3: Sử dụng Font Awesome

Cách sử dụng FontAwesome cũng vô cùng đơn giản, chỉ cần đặt một class tương ứng với tên từng icon trong danh sách icon của Font Awesome là được. Bạn có thể đặt class ở bất cứ thẻ nào (div, span, strong, b, a, li,…fap..fap). Ví dụ:

<span class="font-apple"></span>
Hướng dẫn cài Font Awesome cho Opencart
5 (100%) 1 vote

One Response - Add Comment

Reply