Looks like Font Awesome icons don't work in the latest Bootstrap template on Zen Cart 1.5.8. Investigating.
Note: Bootstrap uses FA5 but Responsive Classic uses FA4.
Repro steps: edit an ez page and add an FA icon in HTML.
Code:
Test link for FB:
<a href="http://www.facebook.com/" rel="noreferrer noopener" target="_blank"><i class="fa fa-facebook"></i></a>
Observe that the FA icon is shown in RC but not in Bootstrap.
In Bootstrap you can also switch back to FA4 by modifying the $preloads variable in
includes/templates/bootstrap/common/html_header.php
Code:
'fa' => [
'link' => 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css',
'integrity' => 'sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==',
],
and when this is done, the icon appears.
I have also tried with "fas" instead of "fa".
Bookmarks