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


Восстановить Или Сделать Большой Размер У Фото Товара


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Май 2015 - 03:14

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

Может быть ранее был большой размер у фото и мы затронули какой-то код. Или он и был такой маленький. Но хочется, чтобы размер у фото стал больше. Даже если он на маленьких изображениях станет размытым.

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

Вот успеваю сделать скриншот в тот момент пока фото большое на долю секунды:

Mgnovenie-pri-zagruzke-tovara.png

Очень не нравится то, что поле большое, а фото маленькое. Скорее всего так не было раньше, вряд ли это бы сделали в шаблоне так непропорционально.

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

#2 Ирина345

Ирина345

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

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

Отправлено 04 Май 2015 - 15:33

Просмотр сообщенияAndrew S. (04 Май 2015 - 03:14) писал:

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

Может быть ранее был большой размер у фото и мы затронули какой-то код. Или он и был такой маленький. Но хочется, чтобы размер у фото стал больше. Даже если он на маленьких изображениях станет размытым.

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

Вот успеваю сделать скриншот в тот момент пока фото большое на долю секунды:

Прикрепленный файл Mgnovenie-pri-zagruzke-tovara.png

Очень не нравится то, что поле большое, а фото маленькое. Скорее всего так не было раньше, вряд ли это бы сделали в шаблоне так непропорционально.

Хорошо бы было если бы размер фото был постоянно таким большим как при загрузке на долю секунды, но не размытым, если размер фото изначально большой.
Здравствуйте, найдите в foral.css
#owl-one-slider-tovar .item{display:block;margin:0 auto;height:70%;margin-top:11.8%;}
замените на


.item.js-zoom-gallery img {
  width: 80%;
}
#owl-one-slider-tovar .item{display:block;margin:0 auto;}



#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 04 Май 2015 - 17:07

Просмотр сообщенияИрина345 (04 Май 2015 - 15:33) писал:

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


.item.js-zoom-gallery img {
width: 80%;
}
#owl-one-slider-tovar .item{display:block;margin:0 auto;}


Спасибо! Только пришлось задать не 80%, а 75%, т.к. фото не помещалось у товаров. Подскажите ещё, как фото чуть вниз сдвинуть?

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 04 Май 2015 - 17:17

Просмотр сообщенияAndrew S. (04 Май 2015 - 17:07) писал:

Спасибо! Только пришлось задать не 80%, а 75%, т.к. фото не помещалось у товаров. Подскажите ещё, как фото чуть вниз сдвинуть?

Добрый вечер.
Найдите в foral.css код:
.item.js-zoom-gallery img {width: 75%;}

Замените на:
.item.js-zoom-gallery img {width: 75%;margin-top: 15px;}


#5 007

007

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

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

Отправлено 01 Ноябрь 2015 - 11:44

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

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

  • мобильная версия_1.jpg


#6 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Ноябрь 2015 - 11:52

Просмотр сообщения007 (01 Ноябрь 2015 - 11:44) писал:

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

Здравствуйте. В шаблоне main.css Вам нужно удалить код:
	.bigImages img {
		height: auto;
	}


#7 007

007

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

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

Отправлено 20 Март 2016 - 22:17

Добрый день!
Подскажите, как расположить фото товара по центру?

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Март 2016 - 09:50

Просмотр сообщения007 (20 Март 2016 - 22:17) писал:

Добрый день!
Подскажите, как расположить фото товара по центру?

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

*#owl-one-slider-tovar .item {
	display: block;
	margin: 0 auto;
	height: 100%;
	margin-top: 0%;
	margin-left: 20%;
}

И замените его вот этим вот кодом:


*#owl-one-slider-tovar .item {
	display: block;
	margin: 0 auto;
	height: 100%;
	margin-top: 0%;
}


#9 007

007

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

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

Отправлено 21 Март 2016 - 22:23

Спасибо




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

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