Перейти к содержимому


Вывод иконок категорий в выпадающий каталог


  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 metry

metry

    Активный участник

  • Модераторы
  • 884 сообщений

Отправлено 12 Февраль 2021 - 19:49

Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

			<div class="dropdown">
			  <div class="catalog__items">
			  {% FOR catalog_full %}
				{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<div data-level="{catalog_full.LEVEL}" class="sub">{% ENDIF %}{% ENDIF %}
				  <div {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} data-level="{catalog_full.LEVEL}" class="catalog__item {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT_PARENT %}opened{% ENDIF %}">
					<a href="{catalog_full.URL}" data-level="{catalog_full.LEVEL}" class="catalog__link {% IF catalog_full.CURRENT %}opened{% ENDIF %}">
					  {% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}opened{% ENDIF %}"></span>{% ENDIF %}
					  <span>{catalog_full.NAME}</span>
					</a>
				  {% IF catalog_full.ISSET_SUB=0 %}</div>{% ENDIF %}
				{% IF catalog_full.LAST %}{%FOR out%}</div> {%IFNOT catalog_full.out.LAST%}</div>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			  {% ENDFOR %}
			</div>

замените на:

			<div class="dropdown">
			  <div class="catalog__items">
			  {% FOR catalog_full %}
				{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<div data-level="{catalog_full.LEVEL}" class="sub">{% ENDIF %}{% ENDIF %}
				  <div {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} data-level="{catalog_full.LEVEL}" class="catalog__item {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT_PARENT %}opened{% ENDIF %}">
					<a href="{catalog_full.URL}" data-level="{catalog_full.LEVEL}" class="catalog__link {% IF catalog_full.CURRENT %}opened{% ENDIF %}">
					{% IFNOT catalog_full.IMAGE_EMPTY %}<img src="{catalog_full.IMAGE_ICON}" class="goods-cat-image-icon"/>{% ENDIF %}  {% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}opened{% ENDIF %}"></span>{% ENDIF %}
					  <span>{catalog_full.NAME}</span>
					</a>
				  {% IF catalog_full.ISSET_SUB=0 %}</div>{% ENDIF %}
				{% IF catalog_full.LAST %}{%FOR out%}</div> {%IFNOT catalog_full.out.LAST%}</div>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
			  {% ENDFOR %}
			</div>

далее зайдите в Редактор шаблонов-->main.css и найдите:

#menu .catalog__items .catalog__item a {display: flex;padding: 4px 0;}

замените на:

#menu .catalog__items .catalog__item a {display: flex;padding: 4px 0;flex-direction: row;flex-wrap: nowrap;justify-content: left;align-items: center;align-content: stretch;}
#menu .catalog__items .catalog__item a img {padding:10px}


Результат:

test.png




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных