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


Увеличение Изображения Товара.

картинка товара товар

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

#1 abzaloff

abzaloff

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

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

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

Скажите, пожалуйста, как сделать, чтобы при увеличении изображения товара, не появлялся отступ. Смотрится не очень красиво.
Аккаунт SL-243174
http://agfashion.ru/
Скрин прилагаю.

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

  • Безымянный.jpg


#2 Сake

Сake

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

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

Отправлено 01 Ноябрь 2013 - 02:37

Найдите в шаблоне "Товар" строку

position: 'inside'

и замените её на

position: 'right'


#3 abzaloff

abzaloff

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

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

Отправлено 01 Ноябрь 2013 - 09:33

Просмотр сообщенияСake (01 Ноябрь 2013 - 02:37) писал:

Найдите в шаблоне "Товар" строку

position: 'inside'

и замените её на

position: 'right'
Вы меня не правильно поняли. Мне не нужно, чтобы товар отображался справа при увеличении, а нужно, чтобы он отображался в том же окне. Просто при увеличении появляется широкая белая полоска справа, что не очень красиво. Увеличенная картинка как бы съезжает влево, оставляя при этом полоску справа.

#4 miyako

miyako

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

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

Отправлено 01 Ноябрь 2013 - 09:46

Просмотр сообщенияabzaloff (01 Ноябрь 2013 - 09:33) писал:

Вы меня не правильно поняли. Мне не нужно, чтобы товар отображался справа при увеличении, а нужно, чтобы он отображался в том же окне. Просто при увеличении появляется широкая белая полоска справа, что не очень красиво. Увеличенная картинка как бы съезжает влево, оставляя при этом полоску справа.

можно изменить следующие параметры -
zoomWidth:350 - ширина окна
adjustX: 17 - регулировать по x
adjustY: 77 - регулировать по y


#5 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 22:31

Подскажите пожалуйста, где меняется цвет белой рамки вокруг фотки товара?

#6 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

Отправлено 04 Ноябрь 2013 - 22:43

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 22:31) писал:

Подскажите пожалуйста, где меняется цвет белой рамки вокруг фотки товара?
Если Вы имеете ввиду в карточке товара то в Редакторе шаблонов в main.css найдите код
.withBorder {
		border: 1px solid #E5E5E5;
}
и добавьте в конец перед скобкой
background: black;
, вставив нужный Вам цвет.

#7 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 04 Ноябрь 2013 - 23:54

Просмотр сообщенияshnafix (04 Ноябрь 2013 - 22:43) писал:

Если Вы имеете ввиду в карточке товара то в Редакторе шаблонов в main.css найдите код
.withBorder {
border: 1px solid #E5E5E5;
}
и добавьте в конец перед скобкой
background: black;
, вставив нужный Вам цвет.

Эээээ.... чет я не нашла...поиск не находит выражения .withBorder :(

Да, я хотела сменить рамку и в карточке товара и в каталоге и везде где она белая. А то сливается с белым цветом фона и ее не видно.

#8 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 05 Ноябрь 2013 - 09:19

Просмотр сообщенияДжейн (04 Ноябрь 2013 - 23:54) писал:

Эээээ.... чет я не нашла...поиск не находит выражения .withBorder :(

Да, я хотела сменить рамку и в карточке товара и в каталоге и везде где она белая. А то сливается с белым цветом фона и ее не видно.
Здравствуйте, этот код предназначен для магазина http://101korset.ru/ и он находится на 2 строке файла main.css.
Если Вы спрашивали для другого Вашего магазина или о другой рамке, то уточните, пожалуйста, вопрос. Также можно приложить скрин.

#9 Джейн

Джейн

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

  • Пользователи
  • PipPipPipPip
  • 293 сообщений
  • ГородСамара

Отправлено 06 Ноябрь 2013 - 00:14

Просмотр сообщенияne_yana (05 Ноябрь 2013 - 09:19) писал:

Здравствуйте, этот код предназначен для магазина http://101korset.ru/ и он находится на 2 строке файла main.css.
Если Вы спрашивали для другого Вашего магазина или о другой рамке, то уточните, пожалуйста, вопрос. Также можно приложить скрин.

Извиняюсь :) Иногда забываю отправить адрес сайта который меняю.
Я изменения делаю тут: http://korset-optom.storeland.ru/
Там достаточно широкая симпатичная рамочка вокруг фото белая, и в каталоге и в самом товаре, но у меня на фоне ее не видно. Хочется сделать чуть поярче :)

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

  • Безимени-1.jpg


#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Ноябрь 2013 - 05:09

Добавьте в ваш файл стилей style.css следующий класс

#product_list .product_image_wrapper {
	border: 1px solid #A2A2A2;
}


#11 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 03 Сентябрь 2014 - 10:22

Просмотр сообщенияmiyako (01 Ноябрь 2013 - 09:46) писал:

можно изменить следующие параметры -
zoomWidth:350 - ширина окна
adjustX: 17 - регулировать по x
adjustY: 77 - регулировать по y
Такая же проблема возникла при импорте товаров с картинками, фото разные и при наведении смещаются к левому краю, а нужно чтобы они оставались по центру. А преддложенные выше решения не помогают. Как исправить?
.../goods/kpb-167#show_tab_1

#12 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 03 Сентябрь 2014 - 11:38

Просмотр сообщенияvelena168 (03 Сентябрь 2014 - 10:22) писал:

Такая же проблема возникла при импорте товаров с картинками, фото разные и при наведении смещаются к левому краю, а нужно чтобы они оставались по центру. А преддложенные выше решения не помогают. Как исправить?
.../goods/kpb-167#show_tab_1
Здравствуйте. Попробуйте в style.css добавить
#cloud-zoom-big.cloud-zoom-big {
left: 36px!important;
}


#13 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 03 Сентябрь 2014 - 11:59

Просмотр сообщенияAlekseys (03 Сентябрь 2014 - 11:38) писал:

Здравствуйте. Попробуйте в style.css добавить
#cloud-zoom-big.cloud-zoom-big {
left: 36px!important;
}
Узкие импортированные картинки теперь отображаются нормально, но у меня на сайте почти все фото 500х500, 600х600 или 800х800,
а они теперь некрасиво отображаются. При наведении. /goods/umka-100#show_tab_1

#14 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 03 Сентябрь 2014 - 13:17

Просмотр сообщенияvelena168 (03 Сентябрь 2014 - 11:59) писал:

Узкие импортированные картинки теперь отображаются нормально, но у меня на сайте почти все фото 500х500, 600х600 или 800х800,
а они теперь некрасиво отображаются. При наведении. /goods/umka-100#show_tab_1
Замените
.image a {
display: inline-block !important;
}
на
.image a {
display: inline-block !important;
float: left;
}
и
#cloud-zoom-big.cloud-zoom-big {
left: 36px!important;
}
замените на
#cloud-zoom-big.cloud-zoom-big {
left: 0px!important;
}


#15 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 03 Сентябрь 2014 - 14:37

Просмотр сообщенияAlekseys (03 Сентябрь 2014 - 13:17) писал:

Замените
.image a {
display: inline-block !important;
}
на
.image a {
display: inline-block !important;
float: left;
}
и
#cloud-zoom-big.cloud-zoom-big {
left: 36px!important;
}
замените на
#cloud-zoom-big.cloud-zoom-big {
left: 0px!important;
}
Спасибо, уже гораздо лучше. Но немного незакончено.
На больших фото рамочка серая только слева ...goods/rastar-32?from=NjQz#show_tab_1  Может вообще убрать рамку, если ее сложно выровнять?
а на узких с двух сторон, но стикер на новинках не очень отображается, уголок нижний не загнут и вылезает при
наведении  .../goods/kpb-85?from=NjQz#show_tab_1
Может можно еще подправить чтобы было красиво?

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

  • Снимок.PNG


#16 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 04 Сентябрь 2014 - 00:37

Просмотр сообщенияvelena168 (03 Сентябрь 2014 - 14:37) писал:

Спасибо, уже гораздо лучше. Но немного незакончено.
На больших фото рамочка серая только слева ...goods/rastar-32?from=NjQz#show_tab_1  Может вообще убрать рамку, если ее сложно выровнять?
а на узких с двух сторон, но стикер на новинках не очень отображается, уголок нижний не загнут и вылезает при
наведении  .../goods/kpb-85?from=NjQz#show_tab_1
Может можно еще подправить чтобы было красиво?
Может можно как-нибудь подправить?

#17 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Сентябрь 2014 - 02:48

zoomWidth:350
ширина появляющегося блока при наведении, попробуйте изменить данное значение

.image a {
	display: inline-block !important;
	float: left;
}
замените на:
.image a {
	display: inline-block !important;
	float: left;
	overflow: hidden;
}


#18 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 04 Сентябрь 2014 - 10:05

Просмотр сообщенияVaccina (04 Сентябрь 2014 - 02:48) писал:

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

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Сентябрь 2014 - 02:22

укажите пожалуйста, по какой инструкции вы устанавливали увеличение изображения при наведении

#20 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 05 Сентябрь 2014 - 08:04

Просмотр сообщенияVaccina (05 Сентябрь 2014 - 02:22) писал:

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




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

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