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


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


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

#1 metry

metry

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

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

Отправлено 13 Июнь 2020 - 20:02

Для внесения изменений зайдите в Редактор шаблонов-->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 %}">
				 <span>{catalog_full.NAME}</span>
				 {% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}opened{% ENDIF %}"></span>{% ENDIF %}
				 </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 %}">
				 <span class="image_cat"> <img class="goods-cat-image-icon" src="{% IF catalog_full.IMAGE_ICON %}{catalog_full.IMAGE_ICON}{% ELSE %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=tobacco{% ENDIF %}" alt="{catalog_full.NAME}" /> </span>
				 <span class="name_cat">{catalog_full.NAME}</span>
				 {% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}opened{% ENDIF %}"></span>{% ENDIF %}
				 </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__item > a {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;position: relative;width: 100%;padding: 0px 32px;}
#menu .image_cat  {width: 50px;}
#menu .image_cat img {width: 50px;float: left;padding:5px}
#menu .name_cat	{width: calc(100% - 50px);}


Результат: 1.png




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

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