Сообщений в теме: 6

[evros]

Добрый день. Нужна помощь в добавлении логотипа бренда в карточку товара. Почитал предыдущие вопросы по этой теме, но реализовать не получилось.

Прикрепленные изображения

• 

[Vaccina]

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

Загрузите в раздел Сайт - Редактор шаблонов логотип бренда у которого название файла совпадает со значение в одноименной характеристике и пришлите пожалуйста ссылку на товар с данным брендом.
Использовать будем следующий скрипт:
https://forum.storel..._20#entry266703

[evros]

Vaccina (22 Март 2019 - 06:23) писал:

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

Загрузите в раздел Сайт - Редактор шаблонов логотип бренда у которого название файла совпадает со значение в одноименной характеристике и пришлите пожалуйста ссылку на товар с данным брендом.
Использовать будем следующий скрипт:
https://forum.storel..._20#entry266703

Добрый день. Ссылка на товар https://market-fitne...od_id=180216419

Ссылка на логотип https://st.market-fi.../134/Matrix.png

[Vaccina]

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

Благодарю, зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

		</div>
	  </div>
	</div>
	</div>
  </div>
</div>
<!-- /END Форма карточки товара -->

<!-- Сопутствующие товары -->
{% IFNOT related_goods_empty %}

перед ним вставьте:

<div class="brand"></div>

далее зайдите в main.js - в самом конце вставьте:

$(document).ready(function () {
  $('.table-features-min tr').each(function () {
	var name = $(this).find('td.cell1').text();
	if (name == 'Бренд') {
	  var brand = $(this).find('td.cell2').text();
	  var fileTypes = [
		'png',
		'gif',
		'jpg'
	  ];
	  for (var i in fileTypes) {
		var img = new Image();
		img.src = 'https://design.market-fitness.ru/' + brand + '.' + fileTypes[i];
		img.onload = $.proxy(function () {
		  var $element = $('.brand');
		  if (!$element.hasClass('loaded')) {
			$element.addClass('loaded');
			$element.append($('<img>').attr('src', $(this).attr('src')));
		  }
		}, img);
	  }
	}
  });
});

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

.product-view .product-order .add-to-box .add-to-cart .quick {width:100%;margin-top: 10px;}
.product-view .product-order .add-to-box .add-to-cart .more {display: none;margin-top: 10px;}

после него вставьте:

.product-view .product-order .brand img{margin-top: 10px;}

[evros]

Благодарю Вас!

[like.hornet.6]

Я решил вопрос с логотипами следующим образом.

В Редактор шаблонов - Товар под кодом

	 <!-- Краткое описание -->
	 {% IF GOODS_DESCRIPTION_SHORT %}
	 <div class="short-description f-fix">
		 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
		 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <a href="#tab_1" class="short-description-link pseudo-link scroll-link" data-href="{GOODS_URL}">Перейти к описанию</a>
		 {% ENDIF %}
	 </div>
	 {% ENDIF %}

Добавил код

<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<p>{GOODS_SEO_DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

А ниже удалил код

<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
{% ENDIF %}
<!-- END Короткое SEO-описание -->

Затем заходим в карточку необходимого товара, в поле "Краткое SEO-описание" вставляем код картинки, которую лучше всего сделать ссылкой на категорию производителя:

<a href="ссылка на категорию"><img alt="альтернативный тайтл" src="ссылка на фото логотипа" style="width: 100px; height: 100px;" title="тайтл" /></a>

Размеры 100х100 можно менять.

ЗЫ. На заметку:
Код, который Я добавил к блоку "Краткого СЕО-описания":

| htmlspecialchars_decode

Так вот он делает блок краткого сео-описания "восприимчивым" к хтмл-коду.
Берите на вооружение.

[like.hornet.6]

И да, используйте лучше ссылку на каталог типа:
"/catalog/stainless-steel", а не "https://домен.ru/cat...tainless-steel"
поскольку при смене доменного имени менять придётся каждую ссылку вручную.