Применение различных стилей CSS к предложениям по автозаполнению интеллектуального поиска Joomla

Question

Я использую модуль Smart Search и компонент на веб-сайте с включенными автоматическими предложениями. Предложения автозаполнения модуля оформлены иначе, чем предложения компонента. Смотрите приложенные скриншоты для справки. autocomplete-suggestions div загружаются непосредственно перед закрывающим тегом </body> в HTML. DIV компонента отображается перед модулем, но они неотличимы друг от друга. Кажется, что сценарий автозаполнения jQuery знает, какой из них какой, поэтому будет ли настройка сценария способом go? Я знаю, что это будет редактировать основные файлы, но я не уверен, что есть какой-то способ обойти это.

Компонент HTML файл шаблона JavaScript

var suggest = jQuery('#q').autocomplete({
    serviceUrl: '" . JRoute::_('index.php?option=com_finder&task=suggestions.suggest&format=json&tmpl=component') . "',
    paramName: 'q',
    minChars: 1,
    maxHeight: 400,
    width: 300,
    zIndex: 9999,
    deferRequestBy: 500

Answer 1

Большая часть Joomla! стили модулей / компонентов могут быть перезаписаны в какой-то момент, вам просто нужно создать файл в вашей теме.

/templates/{your-theme-name}/html/{name-of-the-search-module}/custom.php

тогда вы можете скопировать / вставить содержимое оригинала php файл в новом php файле.