Иконки Категорий В Меню

Возможно ли добавить картинку от категории главное меню, как на скрине?

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-10 col-xs-12">
			<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			{% IFNOT catalog_full_empty %}
			<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				{%ENDFOR%}
			  {%ENDIF%}
			</ul>

          
замените на:

		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-10 col-xs-12">
			<!-- Для отображения каталога товаров в шапке, замените на следующей строке {% IF MENU_CATALOG %} на {% IFNOT catalog_full_empty %} -->
			{% IFNOT catalog_full_empty %}
			<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			  {%IFNOT catalog_full_empty%}
				{%FOR catalog_full%}
				  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
					  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{% IF catalog_full.LEVEL = 0 %}<img src="{catalog_full.IMAGE_ICON}" alt="{catalog_full.NAME}" />{% ENDIF %}{catalog_full.NAME}</span></a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				{%ENDFOR%}
			  {%ENDIF%}
			</ul>

          
далее зайдите в main.css - найдите:

#custommenu .mainnav li a:hover {color: #620337;}
#custommenu .mainnav > li {float: left;}

после него пропишите:

#custommenu .mainnav > li img{max-height: 30px;margin-right: 10px;}

Здравствуйте)
Все отлично, но теперь ругается на какую-то Li

Здравствуйте.

Не обращайте внимание на нее, синтаксис верный, а структура изменена из-за условий и циклов.