Интересно, кто-нибудь может мне помочь!
У меня на сайте работает SiteSearch360, и я использую полноэкранную панель поиска, которая вызывается нажатием на изображение увеличительного стекла.
Я хочу обновить изображение по умолчанию (src="https://cdn.sitesearch360.com/ss360-search-icon.png") с моей собственной иконкой Font Awesome, чтобы соответствовать другим, используемым на сайте.
Когда я заменяю источник своим шрифтом, потрясающий код <i class="fas fa-search"></i> значок кажется сломанным и не реагирует на нажатия, однако, когда значок не используется в конфигурации SiteSearch360, он отображается отлично. Я попробовал около 100 вариантов кода и был бы очень признателен за любую помощь, чтобы заставить это работать.
Большое спасибо
site-nav.hbs
default.hbs (скрипт SiteSearch360)
<!-- Beginning of SS360 scripts -->
<script>var ss360Config={siteId:"www.monstermtn.com",showResultLink:true,showErrors:true,layout:{navigation:{position:"top"},mobile:{showUrl:true},desktop:{showUrl:true}},suggestions:{show:false},style:{themeColor:"#00843c",defaultCss:true,themeColor:'#313648'},searchBox:{placeholder:"lorem ipsum",selector:"#query"},results:{fullScreenConfig:{trigger:"#ss360-search-trigger",caption:"LOREM IPSUM"},caption:"Search results for your query #QUERY#",moreResultsPagingSize:5},tracking:{enhanced:false}};</script>
<script src="https://cdn.sitesearch360.com/v13/sitesearch360-v13.min.js" async></script>
{{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
{{ghost_foot}}
</body>
</html>