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


Изменить Отображение Для Пролистывания Сообщений В Карточке Товара


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

#1 Flor@@

Flor@@

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

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

Отправлено 14 Октябрь 2012 - 20:06

Когда открываешь из карточки товара фотографию, то нет никаких стрелок указывающих на то, что сообщение не одно и что можно посмотреть дополнительные изображения, хотелось бы сделать вот так, например:
Изображение

#2 Vaccina

Vaccina

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

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

Отправлено 16 Октябрь 2012 - 06:57

Как вариант, это отображать стрелки всегда. Для этого в файл стилей main.css добавьте

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background-image: url("images/nyroModal.prev.gif");
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background-image: url("images/nyroModal.next.gif");
}


#3 Flor@@

Flor@@

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

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

Отправлено 16 Октябрь 2012 - 13:58

Просмотр сообщенияVaccina (16 Октябрь 2012 - 06:57) писал:

Как вариант, это отображать стрелки всегда. Для этого в файл стилей main.css добавьте

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background-image: url("images/nyroModal.prev.gif");
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background-image: url("images/nyroModal.next.gif");
}
добавила в код css, ничего не поменялось.
Скажите я ведь могу добавить туда более красивые стрелочки, большего размера. Ведь так?
Как это можно сделать?

#4 Vaccina

Vaccina

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

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

Отправлено 17 Октябрь 2012 - 10:51

Вероятно идет переопределение стилей. Попробуйте такие стили

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background-image: url("images/nyroModal.prev.gif") !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background-image: url("images/nyroModal.next.gif") !important;
}

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

#5 Flor@@

Flor@@

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

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

Отправлено 18 Октябрь 2012 - 01:27

поставила этот код, стрелки вообще пропали.

#6 Vaccina

Vaccina

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

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

Отправлено 18 Октябрь 2012 - 15:33

Вероятно проблема с путями к изображению. Полный путь к изображениям из файла стилей nyroModal выглядит так

/web/upload/forall/css/nyroModal/images/

Попробуйте код

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important;
}


#7 Flor@@

Flor@@

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

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

Отправлено 18 Октябрь 2012 - 16:41

Просмотр сообщенияVaccina (18 Октябрь 2012 - 15:33) писал:

Вероятно проблема с путями к изображению. Полный путь к изображениям из файла стилей nyroModal выглядит так

/web/upload/forall/css/nyroModal/images/

Попробуйте код

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important;
}

спасибо заработало. только стрелочки попробую приделать другие.

#8 Eleneva

Eleneva

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

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

Отправлено 25 Июнь 2014 - 10:52

Просмотр сообщенияVaccina (18 Октябрь 2012 - 15:33) писал:

Вероятно проблема с путями к изображению. Полный путь к изображениям из файла стилей nyroModal выглядит так

/web/upload/forall/css/nyroModal/images/

Попробуйте код

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.prev.gif") !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
background-image: url("/web/upload/forall/css/nyroModal/images/nyroModal.next.gif") !important;
}

При наведении на новые стрелочки (в галерее nyroModal) показываются стандартные, как решить?

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 25 Июнь 2014 - 11:40

Просмотр сообщенияEleneva (25 Июнь 2014 - 10:52) писал:



При наведении на новые стрелочки (в галерее nyroModal) показываются стандартные, как решить?

Здравствуйте, уточните пожалуйста номер акканута и страницу на которой установлена галерея nyroModal

#10 Eleneva

Eleneva

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

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

Отправлено 25 Июнь 2014 - 12:03

Просмотр сообщенияCastiel (25 Июнь 2014 - 11:40) писал:

Здравствуйте, уточните пожалуйста номер акканута и страницу на которой установлена галерея nyroModal
номер тот же

240308

. Возможно я ошибаюсь и галерея другая, объясню проще - при клике на главное изображение товара открывается галерея в которой можно листать все изображения вместе с доп.фото. Необходимо чтобы стрелочки по бокам всегда были видны (люди не умеют листать).
Поставив этот код стрелки стали как мне надо НО при наведении на них моя стрелка пропадает и появляется стандартная - вот это и проблема. Нужно чтобы и при наведении стрелка оставалась моей.
Вот код который у меня в стилях
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	 background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	 background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); !important;
}


#11 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 25 Июнь 2014 - 12:16

Просмотр сообщенияEleneva (25 Июнь 2014 - 12:03) писал:


номер тот же

240308

. Возможно я ошибаюсь и галерея другая, объясню проще - при клике на главное изображение товара открывается галерея в которой можно листать все изображения вместе с доп.фото. Необходимо чтобы стрелочки по бокам всегда были видны (люди не умеют листать).
Поставив этот код стрелки стали как мне надо НО при наведении на них моя стрелка пропадает и появляется стандартная - вот это и проблема. Нужно чтобы и при наведении стрелка оставалась моей.
Вот код который у меня в стилях
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	 background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png"); !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	 background-image: url("http://st.eleneva.ru/6/1203/915/next6.png"); !important;
}


Они у вас отображаются, но при наведении меняются на стандартные
Для того чтобы исправить это В файле "main.css".
Найти:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
		background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png");  !important;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
		background-image: url("http://st.eleneva.ru/6/1203/915/next6.png");  !important;
}

Заменить:
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
		background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png");
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
		background-image: url("http://st.eleneva.ru/6/1203/915/next6.png");
} 

div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
		background-image: url("http://st.eleneva.ru/6/1203/916/prev6.png");
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
  background-image: url("http://st.eleneva.ru/6/1203/915/next6.png");
}





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

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