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

[evros]

Добрый день. Помогите добавить логотип бренда в карточку товара как во вложении. Логотип загружен https://market-fitne...wollen.png?8893

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

• 

[MikDark]

evros (18 Июль 2019 - 17:08) писал:

Добрый день. Помогите добавить логотип бренда в карточку товара как во вложении. Логотип загружен https://market-fitne...wollen.png?8893

Здравствуйте. Вам нужно добавить характеристику с названием данного бренда и прислать нам название товара, мы поможем поставить

[evros]

MikDark (19 Июль 2019 - 10:37) писал:

Здравствуйте. Вам нужно добавить характеристику с названием данного бренда и прислать нам название товара, мы поможем поставить

Добрый день. Ссылка на товар: https://market-fitne...ollen-Prime-8ft
Характеристика добавлена, так и называется БРЕНД

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце вставьте:

$(document).ready(function(){
  $('#content_2 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 = 'http://design.market-fitness.ru/' + brand + '.' + fileTypes[i];
				img.onload = $.proxy(function(){
		var $element = $('.product-shop .short-description');
		if (!$element.hasClass('loaded')) {
		   $element.addClass('loaded');
		$element.append($('<img>').attr('src', $(this).attr('src')));
		}
  }, img);
  }
   }
  });
});

[evros]

Vaccina (20 Июль 2019 - 04:28) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце вставьте:

$(document).ready(function(){
$('#content_2 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 = 'http://design.market-fitness.ru/' + brand + '.' + fileTypes[i];
			 img.onload = $.proxy(function(){
	 var $element = $('.product-shop .short-description');
	 if (!$element.hasClass('loaded')) {
		 $element.addClass('loaded');
	 $element.append($('<img>').attr('src', $(this).attr('src')));
	 }
}, img);
}
}
});
});

Сделал. Логотип бренда появился. А как его поднять на уровень где цена товара? Он сейчас в районе краткого описания.

Сейчас вот так как на скриншоте

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

• 

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.js и найдите:

var $element = $('.product-shop .short-description');

замените на:

	   var $element = $('.price-box .price');

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

.product-view .product-order .price-box .price{width:100%;}
.product-view .product-order .price-box img{display: block;position: absolute;right: 0;}

[evros]

Когда в main.css вставляю код  логотип задваивается, и вправо смещается перечеркнутая цена

evros (25 Июль 2019 - 16:43) писал:

Когда в main.css вставляю код  логотип задваивается, и вправо смещается перечеркнутая цена

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

• 

[Vaccina]

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

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце вставьте:

$(document).ready(function(){
$('#content_2 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 = $('.price-box.f-fix');
			 if (!$element.hasClass('loaded')) {
				 $element.addClass('loaded');
			 $element.append($('<img>').attr('src', $(this).attr('src')));
			 }
}, img);
}
}
});
});

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

.product-view .product-order .price-box {display: flex;margin-bottom: 5px;align-items: flex-start;}
.product-view .product-order .price-box > span {display: inline-flex;}
.product-view .product-order .price-box .price {font-size: 32px;background: none;padding-left: 0;}
.product-view .product-order .price-box .price > span:after {font-size: 20px;display: inline-block;vertical-align: middle;}
.product-view .product-order .price-box .special-price {display: inline-block;margin: 0;}
.product-view .product-order .price-box .special-price> span:after {content: "\f158";display: inline-block;font-family: "FontAwesome";font-weight: 300;font-size: 80%;line-height: 1;margin-left: 5px;}
.product-view .product-order .price-box .old-price {order: 2;padding: 0 5px;height: 16px;line-height: 16px;margin: 2px;}
.product-view .product-order .price-box .old-price > span {font-size: 16px;}

замените на:

.product-view .product-order .price-box {display: block;margin-bottom: 5px;}
.product-view .product-order .price-box > span {display: inline-block;}
.product-view .product-order .price-box .price {font-size: 32px;background: none;padding-left: 0;}
.product-view .product-order .price-box .price > span:after {font-size: 20px;display: inline-block;vertical-align: middle;}
.product-view .product-order .price-box .special-price {display: inline-block;margin: 0;}
.product-view .product-order .price-box .special-price> span:after {content: "\f158";display: inline-block;font-family: "FontAwesome";font-weight: 300;font-size: 80%;line-height: 1;margin-left: 5px;}
.product-view .product-order .price-box .old-price {order: 2;padding: 0 5px;height: 16px;line-height: 16px;margin: 2px;}
.product-view .product-order .price-box .old-price > span {font-size: 16px;}
.product-view .product-order .price-box img {float: right;}