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


Фото Товара В Карточке Товара


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

#1 Суржан Екатерина

Суржан Екатерина

    Новичок

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

Отправлено 11 Октябрь 2014 - 21:21

Добрый вечер, форумчане.
1). Подскажите, как исправить отображение фото товара в карточке товара. Почему-то у меня оно смещено вправо.. И стрелочка на второе изображение должна быть справа, а не слева
2)Также нужно убрать другие изображения товара снизу, т.к. у меня всего 2 фото. И почему-то этот блок огромен
3) Под ценой поместить краткое описание

Заранее спасибо.
Аккаунт SL-304159, шаблон Бистро

Скриншот прилагаю

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

  • карточка товара.png


#2 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 07:09

Просмотр сообщенияСуржан Екатерина (11 Октябрь 2014 - 21:21) писал:

Добрый вечер, форумчане.
1). Подскажите, как исправить отображение фото товара в карточке товара. Почему-то у меня оно смещено вправо.. И стрелочка на второе изображение должна быть справа, а не слева
2)Также нужно убрать другие изображения товара снизу, т.к. у меня всего 2 фото. И почему-то этот блок огромен
3) Под ценой поместить краткое описание

Заранее спасибо.
Аккаунт SL-304159, шаблон Бистро

Скриншот прилагаю
Здравствуйте,
1 найдите в main.css
#owl-one-slider-tovar .item {
	display: block;
	margin: 0 auto;
}
замените на

#owl-one-slider-tovar .item {
	display: block;
   
}


#3 Суржан Екатерина

Суржан Екатерина

    Новичок

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

Отправлено 12 Октябрь 2014 - 09:39

Просмотр сообщенияИрина345 (12 Октябрь 2014 - 07:09) писал:

Здравствуйте,
1 найдите в main.css
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
}
замените на

#owl-one-slider-tovar .item {
display: block;

}

спасибо! Фото ровно встало и другие фото я сама убрала. Еще вопрос: как стрелочку, которой листаются фото, еще и справа сделать? Сейчас она только слева. И разместить краткое описание под ценой.

#4 Ирина345

Ирина345

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

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

Отправлено 12 Октябрь 2014 - 09:48

Просмотр сообщенияСуржан Екатерина (12 Октябрь 2014 - 09:39) писал:

спасибо! Фото ровно встало и другие фото я сама убрала. Еще вопрос: как стрелочку, которой листаются фото, еще и справа сделать? Сейчас она только слева. И разместить краткое описание под ценой.
Найдите в main.css
.owl-next {
	right: 0;
	background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}
замените на


.owl-next {
	right: 320px;
	background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}



#5 Суржан Екатерина

Суржан Екатерина

    Новичок

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

Отправлено 12 Октябрь 2014 - 10:35

Просмотр сообщенияИрина345 (12 Октябрь 2014 - 09:48) писал:

Найдите в main.css
.owl-next {
right: 0;
background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}
замените на


.owl-next {
right: 320px;
background: url('{ASSETS_IMAGES_PATH}sprites.png?design=bistro') no-repeat -305px 0%;
}


Спасибо за помощь! Все получилось!

#6 Den67

Den67

    Пользователь

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

Отправлено 11 Январь 2015 - 22:48

Добрый день.
При добавлении второй фотографии идет некорректное отображение уменьшенных фото + второе фото не отображается в полном размере (только нижняя превьюшка)
Вот пока единственный товар заполненный:
http://foodonfoot.ru...Salat-po-karski

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

  • 01.JPG
  • 02.JPG


#7 Ирина345

Ирина345

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

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

Отправлено 12 Январь 2015 - 11:27

Просмотр сообщенияDen67 (11 Январь 2015 - 22:48) писал:

Добрый день.
При добавлении второй фотографии идет некорректное отображение уменьшенных фото + второе фото не отображается в полном размере (только нижняя превьюшка)
Вот пока единственный товар заполненный:
http://foodonfoot.ru...Salat-po-karski
Здравствуйте,
найдите в main.css
.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
height: 250px;
}

замените на

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
}


#8 Den67

Den67

    Пользователь

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

Отправлено 12 Январь 2015 - 11:42

Просмотр сообщенияИрина345 (12 Январь 2015 - 11:27) писал:

Здравствуйте,
найдите в main.css
.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
height: 250px;
}

замените на

.owl-carousel .owl-wrapper-outer {
position: relative;
overflow: hidden;
max-width: 420px;
width: 100%;
}

Поправил, но этот блок меняет только высоту блока для превьюшек. У меня для данного товара загружено две фото, но отображается только основная, вторая пустая..

#9 Ирина345

Ирина345

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

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

Отправлено 12 Январь 2015 - 11:54

Просмотр сообщенияDen67 (12 Январь 2015 - 11:42) писал:

Поправил, но этот блок меняет только высоту блока для превьюшек. У меня для данного товара загружено две фото, но отображается только основная, вторая пустая..
Здравствуйте, попробуйте такой вариант

найдите в main.js
  /* Активация карусели изображений товара в карточке товара */
	// Активация карусели с маленькими изображениями.
	$('.customNavigation.btn-next, .customNavigation.btn-prew, #owl-one-slider-tovar .item').show();
	//задаем размеры внутренним блокам как у родителя. Хак для opera.
	$('#owl-one-slider-tovar .item').css('width', ($('.leftpart').width() - 20) + 'px');

   var owl = $(".owl-carousel");
				owl.owlCarousel({
								items: 5, //количество слайдев если окно браузера больше чем 1170px
								itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
								itemsScaleUp: true,
								responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
								navigation: true,
								navigationText: [" ", " "],
								autoPlay: 10000,
								singleItem: true
				});

	// Назначает события на кнопки навигации
	$("#views_block .btn-next").on('click', function() {
		owl.trigger('owl.next');
	})
	$("#views_block .btn-prew").on('click', function() {
		console.log('click to prev');
		owl.trigger('owl.prev');
	});

	// Если количество изображений в слайдере только одно то отключаем навигацию
	var lenSliders = $('#owl-one-slider-tovar .item').length,
			isOneImg = true;
	if (lenSliders < 1) {
		isOneImg = false
	}



замените на

/* Активация карусели изображений товара в карточке товара */
	// Активация карусели с маленькими изображениями.
	$('.customNavigation.btn-next, .customNavigation.btn-prew, #owl-one-slider-tovar .item').show();
	//задаем размеры внутренним блокам как у родителя. Хак для opera.
	$('#owl-one-slider-tovar .item').css('width', ($('.leftpart').width() - 20) + 'px');

	var owl = $("#owl-carusel");
	owl.owlCarousel({
		items: 5, //количество слайдев если окно браузера больше чем 1170px
		itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		itemsScaleUp: true,
		responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		navigationText: ["Предыдущая", "Следующая"]
	});

	// Назначает события на кнопки навигации
	$("#views_block .btn-next").on('click', function() {
		owl.trigger('owl.next');
	})
	$("#views_block .btn-prew").on('click', function() {
		console.log('click to prev');
		owl.trigger('owl.prev');
	});

	// Если количество изображений в слайдере только одно то отключаем навигацию
	var lenSliders = $('#owl-one-slider-tovar .item').length,
			isOneImg = true;
	if (lenSliders < 1) {
		isOneImg = false
	}


перед внесением изменений создайте бекап

#10 Den67

Den67

    Пользователь

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

Отправлено 12 Январь 2015 - 11:59

Просмотр сообщенияИрина345 (12 Январь 2015 - 11:54) писал:


перед внесением изменений создайте бекап

Большое спасибо! Заработало)

#11 SL-446609

SL-446609

    Пользователь

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

Отправлено 27 Октябрь 2018 - 15:51

Добрый день! Подскажите, при заведении нового товара загружаю больше трех фото,но в карточке товара отображаются только три фото,в чем проблема?

#12 Pogranets

Pogranets

    Продвинутый пользователь

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

Отправлено 11 Февраль 2019 - 21:50

добрый день, у меня в гугл мерчанте показывает ошибку, не отображается фото нового товара.

Хотя если заходить на сайт через поисковик, все нормально.

Помогите разобраться.

Фото прикладываю.

И вот что пишет гугл


Определение атрибута image_link [ссылка_на_изображение]


С помощью атрибута image_link [ссылка_на_изображение] указывается URL-адрес основного изображения товара. Эту фотографию пользователи будут видеть в объявлении.

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

  • 1.jpg


#13 Vaccina

Vaccina

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

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

Отправлено 12 Февраль 2019 - 03:47

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

Скорее всего это связано с тем, что атрибут указан только фото товарам, пустому изображению он не указан, зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
		{% ELSE %}

замените на:
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" itemprop="image"/>
		{% ELSE %}

Далее зайдите в раздел Сайт - Редактор шаблонов - Другие шаблоны - Экспорт товаров на Яндекс.Маркет - найдите:
<g:image_link>{goods.GOODS_IMAGE_LARGE}</g:image_link>

замените на:
<g:image_link>{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.GOODS_IMAGE_LARGE}{% ENDIF %}</g:image_link>


#14 Pogranets

Pogranets

    Продвинутый пользователь

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

Отправлено 12 Февраль 2019 - 21:05

Просмотр сообщенияVaccina (12 Февраль 2019 - 03:47) писал:

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

Скорее всего это связано с тем, что атрибут указан только фото товарам, пустому изображению он не указан, зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
	 {% ELSE %}

замените на:
	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=dark" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" itemprop="image"/>
	 {% ELSE %}

Далее зайдите в раздел Сайт - Редактор шаблонов - Другие шаблоны - Экспорт товаров на Яндекс.Маркет - найдите:
<g:image_link>{goods.GOODS_IMAGE_LARGE}</g:image_link>

замените на:
<g:image_link>{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.GOODS_IMAGE_LARGE}{% ENDIF %}</g:image_link>



Здравствуйте, что то пока не изменилось

#15 Pogranets

Pogranets

    Продвинутый пользователь

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

Отправлено 14 Февраль 2019 - 21:13

Просмотр сообщенияPogranets (12 Февраль 2019 - 21:05) писал:

Здравствуйте, что то пока не изменилось

У меня так же нет изображения и по другим товарам, некоторые загружаются а некоторые нет.
У них такая же беда как и по первому вопросу.

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

  • 1.jpg


#16 Ирина345

Ирина345

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

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

Отправлено 16 Февраль 2019 - 13:48

Просмотр сообщенияPogranets (14 Февраль 2019 - 21:13) писал:

У меня так же нет изображения и по другим товарам, некоторые загружаются а некоторые нет.
У них такая же беда как и по первому вопросу.
Здравствуйте, проверили Ваш файл yml, который передается на google, ссылка на изображение товара передается.
Попробуйте обратиться в тех. поддержку google по данному вопросу.

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

  • QIP Shot - Screen 469.png


#17 Pogranets

Pogranets

    Продвинутый пользователь

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

Отправлено 16 Февраль 2019 - 23:22

Просмотр сообщенияИрина345 (16 Февраль 2019 - 13:48) писал:

Здравствуйте, проверили Ваш файл yml, который передается на google, ссылка на изображение товара передается.
Попробуйте обратиться в тех. поддержку google по данному вопросу.

А по остальным товарам со стороны сайта все хорошо?




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

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