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


Увеличение Картинки При Наведении Курсора


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

#201 ne_yana

ne_yana

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

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

Отправлено 03 Февраль 2014 - 19:38

Просмотр сообщенияtega4 (03 Февраль 2014 - 19:07) писал:

Помогите разместить окно увеличения поверх остальных окон, а точнее поверх социальных кнопок и комментариев от контакта

Аккаунт SL-268427
Здравствуйте, уточните, пожалуйста, о каком именно окне Вы говорите. Так как увеличенное изображения товара появляется поверх всех элементов страницы, а сама страница затемняется.

#202 tega4

tega4

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

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 04 Февраль 2014 - 07:39

прошу простить почему-то слетели все настройки, сейчас проверьте Аккаунт SL-268427

#203 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2014 - 05:38

попробуйте в main.css добавить в самый низ:

.cloud-zoom-big{
z-index:99;
}


#204 tega4

tega4

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

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 05 Февраль 2014 - 07:35

Просмотр сообщенияVaccina (05 Февраль 2014 - 05:38) писал:

попробуйте в main.css добавить в самый низ:

.cloud-zoom-big{
z-index:99;
}
ставила и так и больше индекс ставила, без изменений.
еще одна проблема, среднее изображение залезает на быстрый заказ.


и вопрос, по поводу корзины, нет автоматического обновления цены в корзине при добавлении в неё товара.(спрашиваю уже раз 100 по этому поводу)

#205 @lina_va

@lina_va

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

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

Отправлено 05 Февраль 2014 - 09:54

Просмотр сообщенияtega4 (05 Февраль 2014 - 07:35) писал:

ставила и так и больше индекс ставила, без изменений.
еще одна проблема, среднее изображение залезает на быстрый заказ.


и вопрос, по поводу корзины, нет автоматического обновления цены в корзине при добавлении в неё товара.(спрашиваю уже раз 100 по этому поводу)
Добрый день.
B main.css добавьте:
#wrap {
z-index: 1!important;
}
В шаблоне html замените:
<!-- Корзина -->
	
	 <div id="cartInfo">
	 <img src="{ASSETS_IMAGES_PATH}korzina.png" style="
	 width: 68px; height: 64px; padding-left:10px; padding-top: 5px;">
<div class="tecst">Покупок в корзине:	 <br />												
																 {% IF cart_count_empty %}
																		 <span class="red">0 </span> шт.
																 {% ELSE %}
																		 {% FOR cart_count %}
																				 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
																		 {% ENDFOR %}
																 {% ENDIF %}<br>
														 На сумму:<br />
													
																 {% IF cart_count_empty %}
																		 <span class="red">0</span> {CURRENCY_NAME}
																 {% ELSE %}
																		 {% FOR cart_sum %}
																				 {cart_sum.NOW | money_format}<br />
																		 {% ENDFOR %}
																 {% ENDIF %}</div>
	 <div class="ofzak">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}oform-zakaz.png"></a></div>
	 </div>
	 <!-- end Корзина -->
на
	 <div id="cartInfo">
	 <img src="{ASSETS_IMAGES_PATH}korzina.png" style="
	 width: 68px; height: 64px; padding-left:10px; padding-top: 5px;">
<div class="tecst">Покупок в корзине:	 <br />		
										 <span id="cart_count">
																 {% IF cart_count_empty %}
																		 <span class="red">0 </span> шт.
																 {% ELSE %}
																		 {% FOR cart_count %}
																				 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
																		 {% ENDFOR %}
																 {% ENDIF %}<br>
														 На сумму:<br />
													 <span id="cartSum">
																 {% IF cart_count_empty %}
																		 <span class="red">0</span> {CURRENCY_NAME}
																 {% ELSE %}
																		 {% FOR cart_sum %}
																				 {cart_sum.NOW | money_format}<br />
																		 {% ENDFOR %}
																 {% ENDIF %}</div>
	 <div class="ofzak">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}oform-zakaz.png"></a></div>
	 </div>
	 <!-- end Корзина -->


#206 tega4

tega4

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

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 05 Февраль 2014 - 10:43

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

#207 @lina_va

@lina_va

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

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

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

Просмотр сообщенияtega4 (05 Февраль 2014 - 10:43) писал:

спасибо, но количество все равно автоматически не изменяется.
и как сделать чтобы при добавленном товаре в корзину текст "4шт" и текст "20000 рублей" был черного цвета и тоже самое при пустой корзине?
B html замените:
{% IF cart_count_empty %}
																																				 <span class="red">0 </span> шт.
на
{% IF cart_count_empty %}
																																				 <span class="red">0 </span> шт.{CURRENCY_NAME}

Просмотр сообщенияtega4 (05 Февраль 2014 - 10:43) писал:

и как сделать чтобы при добавленном товаре в корзину текст "4шт" и текст "20000 рублей" был черного цвета и тоже самое при пустой корзине?
Я отвечала Вам на данный вопрос в другой теме форума

#208 tega4

tega4

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

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 05 Февраль 2014 - 13:37

Просмотр сообщения@lina_va (05 Февраль 2014 - 12:27) писал:

Я отвечала Вам на данный вопрос в другой теме форума
1. добавило после "шт." слово "рублей"


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

#209 marika

marika

    Новичок

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

Отправлено 12 Март 2014 - 10:17

Здравствуйте! Помогите пожалуйста . Напишите поэтапно как мне в теме ПЛАСТИК поставить
Увеличение Картинки При Наведении Курсора. Ничего не получается.

#210 Сake

Сake

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

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

Отправлено 13 Март 2014 - 04:38

Пожалуйста, почитайте подробную инструкцию в сообщении http://forum.storela...ора/#entry32048

#211 Rebvjd

Rebvjd

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

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

Отправлено 22 Март 2014 - 19:01

Добрый день, помогите мне пожалуйста изменить выбор дизайна товаров:
1. Изменить текст с "Дизайн" на "Выбор дизайна"
2. Сделать шрифт "Выбор дизайна" побольше и цвет изменить на красный
3. Раскрыть выбор дизайнов(на картинке видно).
4. Я вставляю в свойство товара изображение через код: <img src="http://изображение.jpg" /> Как мне его перенести правее и немного поднять?
Спасибо.

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

  • Новый рисунок (3).jpg


#212 MikDark

MikDark

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

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

Отправлено 22 Март 2014 - 19:12

Просмотр сообщенияRebvjd (22 Март 2014 - 19:01) писал:

Добрый день, помогите мне пожалуйста изменить выбор дизайна товаров:
1. Изменить текст с "Дизайн" на "Выбор дизайна"
2. Сделать шрифт "Выбор дизайна" побольше и цвет изменить на красный
3. Раскрыть выбор дизайнов(на картинке видно).
4. Я вставляю в свойство товара изображение через код: <img src="http://изображение.jpg" /> Как мне его перенести правее и немного поднять?
Спасибо.

1) Зайдите в Бэк-офис, раздел Товары - Свойства. Там можно отредактировать название.
2) В шаблоне: main.css найдите строчки:
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
}

и замените их на:
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
color:red;
}

и поменяйте там значение 11px на нужное.

3) Чтобы по умолчанию был раскрытый список?

4) Добавьте в шаблон main.css:
.info img {
display: block;
margin: 0 auto;
}


#213 Rebvjd

Rebvjd

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

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

Отправлено 22 Март 2014 - 19:34

1.По первому вопросу все понятно.
2.Размер шрифта изменил, а цвет остался прежним.
3.Да, хочу сделать по умолчанию раскрытый список.
4. Немного не так: я хочу чтобы изображение встало прям под значком "В корзину"

#214 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 22 Март 2014 - 20:02

Просмотр сообщенияRebvjd (22 Март 2014 - 19:34) писал:

1.По первому вопросу все понятно.
2.Размер шрифта изменил, а цвет остался прежним.
3.Да, хочу сделать по умолчанию раскрытый список.
4. Немного не так: я хочу чтобы изображение встало прям под значком "В корзину"

2. измените блок
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
color:red;
}
на
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
color:red!important;
}

3. в шаблоне Товар найдите
<div class="select">
замените на
<div class="select" size="5">
5- кол-во видимых пунктов. Поставьте нужное Вам значение

4. к сожалению, поставить изображения возле модификаций нельзя.

#215 Rebvjd

Rebvjd

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

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

Отправлено 22 Март 2014 - 20:18

Просмотр сообщенияsupport 2.0 (22 Март 2014 - 20:02) писал:

2. измените блок
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
color:red;
}
на
.fnt11b, .fnt11b a {
font: bold 11px Verdana, Geneva, sans-serif;
color:red!important;
}

3. в шаблоне Товар найдите
<div class="select">
замените на
<div class="select" size="5">
5- кол-во видимых пунктов. Поставьте нужное Вам значение

4. к сожалению, поставить изображения возле модификаций нельзя.

3. Нечего не поменялось!
4. Неужели никак нельзя? Может дадите совет, куда его поставить, чтобы нормально смотрелось...

#216 Alexey11

Alexey11

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

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

Отправлено 23 Март 2014 - 12:07

Просмотр сообщенияRebvjd (22 Март 2014 - 20:18) писал:

3. Нечего не поменялось!
4. Неужели никак нельзя? Может дадите совет, куда его поставить, чтобы нормально смотрелось...
3. На данный момент у вас все категории раскрыты(скриншот)

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

  • asdzzas.png


#217 Eleneva

Eleneva

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

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

Отправлено 22 Апрель 2014 - 20:00

Просмотр сообщенияdemon408 (26 Январь 2014 - 14:49) писал:


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

Просмотр сообщенияne_yana (27 Январь 2014 - 09:15) писал:

Здравствуйте, ответили Вам на почте.
У меня такая же проблема. А ещё как выровнять изображения по вертикали? vertical-align:middle куда только уже не тыкала, эффекта ноль. Вместе с display:table-cell добавляла, тоже ноль.

#218 Сake

Сake

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

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

Отправлено 23 Апрель 2014 - 02:16

Найдите в вашем файле стилей main.css

.goodsListItemImage {
  height: 190px;
  margin-top: 1em;
}

и замените на

.goodsListItemImage {
  height: 190px;
  margin: 1em auto 0;
  display: table;
}

далее добавьте

.goodsListItemImage a {
  display: table-cell;
  vertical-align: middle;
}

далее найдите

.goods-image-small {
  max-height: 185px;
  max-width: 185px;
}

и замените на

.goods-image-small {
  max-height: 185px;
  max-width: 185px;
  vertical-align: middle;
}


#219 REDMAID

REDMAID

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

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

Отправлено 24 Апрель 2014 - 15:49

Добрый день!
Реализовал инструкцию что на первой странице данной темы, есть несколько замечаний и вопросов:
1. Все работает, однако после того как встроил второй код (для того чтоб менялись картинки отображения) все миниатюры растянулись.  как исправить?
2. как увеличить сам зум? т.е. как сделать увеличение больше или меньше?
3. как сделать так, чтоб при наведении был зум, а при клике картинка увеличивалась в стандартном режиме? (так как она увеличивается сейчас если нажать на "Увеличить изображение"
Спасибо.
Сайт www.dresstore.ru

#220 Ирина345

Ирина345

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

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

Отправлено 24 Апрель 2014 - 16:20

Просмотр сообщенияREDMAID (24 Апрель 2014 - 15:49) писал:

Добрый день!
Реализовал инструкцию что на первой странице данной темы, есть несколько замечаний и вопросов:
1. Все работает, однако после того как встроил второй код (для того чтоб менялись картинки отображения) все миниатюры растянулись.  как исправить?
2. как увеличить сам зум? т.е. как сделать увеличение больше или меньше?
3. как сделать так, чтоб при наведении был зум, а при клике картинка увеличивалась в стандартном режиме? (так как она увеличивается сейчас если нажать на "Увеличить изображение"
Спасибо.
Сайт www.dresstore.ru

Здравствуйте
1. найдите в main.css код
.withBorder							  {
border:1px solid #d6d6d6 !important;
min-height: 255px;
}
замените на

.withBorder							  {
border:1px solid #d6d6d6 !important;
min-height: 40px;
}
3. почитайте информацию по ссылке
http://forum.storela...зображения-при/




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

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