Фото Товара В Карточке Товара
#1
Отправлено 11 Октябрь 2014 - 21:21
1). Подскажите, как исправить отображение фото товара в карточке товара. Почему-то у меня оно смещено вправо.. И стрелочка на второе изображение должна быть справа, а не слева
2)Также нужно убрать другие изображения товара снизу, т.к. у меня всего 2 фото. И почему-то этот блок огромен
3) Под ценой поместить краткое описание
Заранее спасибо.
Аккаунт SL-304159, шаблон Бистро
Скриншот прилагаю
#2
Отправлено 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
Отправлено 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
Отправлено 12 Октябрь 2014 - 09:48
Суржан Екатерина (12 Октябрь 2014 - 09:39) писал:
.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
Отправлено 12 Октябрь 2014 - 10:35
Ирина345 (12 Октябрь 2014 - 09:48) писал:
.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
Отправлено 11 Январь 2015 - 22:48
При добавлении второй фотографии идет некорректное отображение уменьшенных фото + второе фото не отображается в полном размере (только нижняя превьюшка)
Вот пока единственный товар заполненный:
http://foodonfoot.ru...Salat-po-karski
#7
Отправлено 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
Отправлено 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
Отправлено 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 }
перед внесением изменений создайте бекап
#11
Отправлено 27 Октябрь 2018 - 15:51
#12
Отправлено 11 Февраль 2019 - 21:50
Хотя если заходить на сайт через поисковик, все нормально.
Помогите разобраться.
Фото прикладываю.
И вот что пишет гугл
Определение атрибута image_link [ссылка_на_изображение]
С помощью атрибута image_link [ссылка_на_изображение] указывается URL-адрес основного изображения товара. Эту фотографию пользователи будут видеть в объявлении.
#13
Отправлено 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
Отправлено 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>
Здравствуйте, что то пока не изменилось
#16
Отправлено 16 Февраль 2019 - 13:48
Pogranets (14 Февраль 2019 - 21:13) писал:
У них такая же беда как и по первому вопросу.
Попробуйте обратиться в тех. поддержку google по данному вопросу.
#17
Отправлено 16 Февраль 2019 - 23:22
Ирина345 (16 Февраль 2019 - 13:48) писал:
Попробуйте обратиться в тех. поддержку google по данному вопросу.
А по остальным товарам со стороны сайта все хорошо?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных