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


Вывод Картинки В Кокретный Раздел Каталога.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 bg999

bg999

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

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 05 Июль 2016 - 17:26

Добрый день!

Ссылка на наш магазин здесь!

Нужно выводить конкретные картинки в определенные разделы.
У нас есть категории в каталоге, где находятся товары только одного бренда (мы их называем страница бренда), нужно выводить например на эту страницу картинку с логотипом этого бренда. НО нужно выводить в левом поле где фильтры этого раздела, чтобы получилось так как на картинке ниже. Следовательно, если мы перейдем на другую страницу бренда слева будет другая картинка с другим логотипом.

Изображение

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Июль 2016 - 14:41

Просмотр сообщенияbg999 (05 Июль 2016 - 17:26) писал:

Добрый день!

Ссылка на наш магазин здесь!

Нужно выводить конкретные картинки в определенные разделы.
У нас есть категории в каталоге, где находятся товары только одного бренда (мы их называем страница бренда), нужно выводить например на эту страницу картинку с логотипом этого бренда. НО нужно выводить в левом поле где фильтры этого раздела, чтобы получилось так как на картинке ниже. Следовательно, если мы перейдем на другую страницу бренда слева будет другая картинка с другим логотипом.

Предлагаю Вам добавлять логотип категории в редактировании категории в самый конец поля Описание.
Теперь Выведем картинку в левый столбик
1) В шаблоне HTML найдите строку
<div class="menu_main">
и сразу после нее вставьте
<div class="logoBrand"></div>

В шаблоне Товары найдите блок
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
  <div class="htmlDataBlock">
	{CATEGORY_DESCRIPTION}
  </div>
</div>
{% ENDIF %}
и замените его на
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
  <div class="htmlDataBlock   categoryDescripton">
	{CATEGORY_DESCRIPTION}
  </div>
</div>
{% ENDIF %}

Теперь в файле main.js найдите блок
$('#lk').click(function(){
$('.personal-light-box').toggle();
});
и сразу после него вставьте
$('.logoBrand').html($('.categoryDescripton').find('img').last());


В конец файла main.css добавьте блок
.logoBrand{margin-top:10px;}


#3 bg999

bg999

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

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 08 Июль 2016 - 18:13

Просмотр сообщенияStasya (07 Июль 2016 - 14:41) писал:

Предлагаю Вам добавлять логотип категории в редактировании категории в самый конец поля Описание.
Теперь Выведем картинку в левый столбик
1) В шаблоне HTML найдите строку
<div class="menu_main">
и сразу после нее вставьте
<div class="logoBrand"></div>

В шаблоне Товары найдите блок
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock">
{CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}
и замените его на
{% IF CATEGORY_DESCRIPTION %}
<div class="col-main" style="margin-top:10px;">
<div class="htmlDataBlock categoryDescripton">
{CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}

Теперь в файле main.js найдите блок
$('#lk').click(function(){
$('.personal-light-box').toggle();
});
и сразу после него вставьте
$('.logoBrand').html($('.categoryDescripton').find('img').last());


В конец файла main.css добавьте блок
.logoBrand{margin-top:10px;}
Спасибо, все заработало. Данная тема закрыта)




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

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