Сообщений в теме: 18

[Rosalina]

Добрый день. Скажите, можно ли осуществить такое, чтобы при наведении курсора на товар в каталоге, вместо всплывающего окна "Перейти на страницу такую-то..." всплывала информация из "вариантов для заказа." Т.е. покупатель уже сразу видит все наличие, размер и цвет.

http://zimaleto-perm.ru/

[batta]

Здравствуйте, данную модификацию нельзя произвести

[Vaccina]

В шаблоне Товары найдите:

<!-- Вывод каталога таблицей -->
<div class="box padd">
<table class="table" cellpadding="5" cellspacing="0">
<tr>
{% FOR goods %}
<td>
<div class="tabproduct">

замените на:

<!-- Вывод каталога таблицей -->
<div class="box padd">
<table class="table" cellpadding="5" cellspacing="0">
<tr>
{% FOR goods %}
<td>
<div class="tabproduct" style="position:relative;">

далее после него вставьте:

<div class="show_desc">
{% IF goods.MIN_REST_VALUE = 0 %}
<div class="availability false">Товара нет в наличии</div>
{% ELSE %}
<div class="availability true">Товар есть в наличии</div>
{% ENDIF %}
<table cellpadding="0" cellspacing="0" width="100%" class="charactir-list">
					 {% FOR goods_attr_list %}
						 <tr>
							 <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td>
							 <td>{goods.goods_attr_list.VALUE}</td>
						 </tr>
					 {% ENDFOR %}
				 </table>
</div>

Далее в main.js после

$(document).ready(function(){

Вставить

$('.tabproduct').hover(function(){
$(this).find('.show_desc').show();
}, function(){
$(this).find('.show_desc').hide();
});

В main.css вставьте в самом конце:

.show_desc {
	 background: #FFFFFF;
	 border: 1px solid #F2930C;
	 border-radius: 6px;
	 display: none;
	 padding: 8px;
	 position: absolute;
	 right: -150px;
	 top: 10px;
	 width: 160px;
	 z-index: 2;
}

[Rosalina]

Спасибо большое, работает. Вот только информацию бы поменять, нужно информацию из блока модификаций. Чтобы всплывало такое окно.


      Товар в наличии

- рама 17", цвет красный

- рама 17", цвет зеленый
- рама 19, цвет красный
- рама 19", цвет зеленый

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

[MikDark]

Rosalina (20 Июнь 2014 - 06:34) писал:

Спасибо большое, работает. Вот только информацию бы поменять, нужно информацию из блока модификаций. Чтобы всплывало такое окно.


  Товар в наличии

- рама 17", цвет красный

- рама 17", цвет зеленый
- рама 19, цвет красный
- рама 19", цвет зеленый

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

Попробуйте вместо:

<div class="show_desc">
{% IF goods.MIN_REST_VALUE = 0 %}
<div class="availability false">Товара нет в наличии</div>
{% ELSE %}
<div class="availability true">Товар есть в наличии</div>
{% ENDIF %}
<table cellpadding="0" cellspacing="0" width="100%" class="charactir-list">
										 {% FOR goods_attr_list %}
												 <tr>
														 <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td>
														 <td>{goods.goods_attr_list.VALUE}</td>
												 </tr>
										 {% ENDFOR %}
								 </table>
</div>

вставить:

<div class="show_desc">
{% IF goods.MIN_REST_VALUE = 0 %}
<div class="availability false">Товара нет в наличии</div>
{% ELSE %}
<div class="availability true">Товар есть в наличии</div>
{% ENDIF %}
<table cellpadding="0" cellspacing="0" width="100%" class="charactir-list">
										{% FOR mods %}
								{%FOR v %}
												 <tr>
														 <td class="fnt12b" width="50%">{goods.mods.v.NAME}</td>
														 <td>{goods.mods.v.VALUE}</td>
												 </tr>
										 {% ENDFOR %}{% ENDFOR %}
								 </table>
</div>

[Rosalina]

Спасибо!!!!
1. Уже лучше...Окно прячется за правый товар-картинку. Как исправить?
2. Окно сделать размером с написанный текст, ну чтобы вся строчка входила
3. И если такая возможность убрать слова "Выберите вариант для заказа" именно в этом окне?

[MikDark]

Rosalina (20 Июнь 2014 - 08:07) писал:

Спасибо!!!!
1. Уже лучше...Окно прячется за правый товар-картинку. Как исправить?
2. Окно сделать размером с написанный текст, ну чтобы вся строчка входила
3. И если такая возможность убрать слова "Выберите вариант для заказа" именно в этом окне?

1) В main.css находим:

.show_desc {
	background: none repeat scroll 0% 0% #FFF;
	border: 2px solid #F2930C;
	border-radius: 6px;
	display: none;
	padding: 8px;
	position: absolute;
	right: -50px;
	top: 10px;
	width: 200px;
	z-index: 2;
}

и меняем на:

.show_desc {
	background: none repeat scroll 0% 0% #FFF;
	border: 2px solid #F2930C;
	border-radius: 6px;
	display: none;
	padding: 8px;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	z-index: 999;
}

2) Не совсем понятно, покажите,пожалуйста, на скриншоте.

3) Тоже не вижу таких слов, покажите, пожалуйста, на картинке.

[Rosalina]

Все получилось!!! Просто здорово!!! Спасибо огромное!!! Посмотрите на рисунке, там видно как я хочу сделать. Удалить эти строчки "Выбери вариант для заказа", и оставить только уже сами модификации по строчкам.

[MikDark]

Rosalina (20 Июнь 2014 - 10:10) писал:

Все получилось!!! Просто здорово!!! Спасибо огромное!!! Посмотрите на рисунке, там видно как я хочу сделать. Удалить эти строчки "Выбери вариант для заказа", и оставить только уже сами модификации по строчкам.

Тогда Вам нужно из кода выше удалить:

<td class="fnt12b" width="50%">{goods.mods.v.NAME}</td>

[Rosalina]

Просто отлично!!!
Еще вопрос... почему-то поменялся стиль в карточке товара, там где необходимо выбрать заказ, посмотрите на картинке, как вернуть обратно так, как было?

[MikDark]

Rosalina (20 Июнь 2014 - 11:03) писал:

Просто отлично!!!
Еще вопрос... почему-то поменялся стиль в карточке товара, там где необходимо выбрать заказ, посмотрите на картинке, как вернуть обратно так, как было?

В main.css найдите:

input, input:active, textarea, select, button, a {
outline: none;
border: none;
}

и поменяйте на:

input, input:active, textarea, select, button, a {
outline: none;
}

[Rosalina]

Изменила, но теперь съезжает "поиск по товарам". Что еще попробовать?

[Ирина345]

Rosalina (20 Июнь 2014 - 11:49) писал:

Изменила, но теперь съезжает "поиск по товарам". Что еще попробовать?

Rosalina (20 Июнь 2014 - 11:49) писал:

Изменила, но теперь съезжает "поиск по товарам". Что еще попробовать?

найдите в main.css

#panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default;  }

     замените на

#panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default;border:none;  }

[Rosalina]

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

[Ирина345]

Rosalina (20 Июнь 2014 - 12:21) писал:

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

Вы не произвели требуемые изменения.

[Rosalina]

Все получилось. Отлично.

[Rosalina]

Добрый день. Хочу еще обратиться за помощью... Можно как на рисунке уменьшить расстояние между строчками? Занимает много места. Спасибо.

[MikDark]

Rosalina (23 Июнь 2014 - 07:20) писал:

Добрый день. Хочу еще обратиться за помощью... Можно как на рисунке уменьшить расстояние между строчками? Занимает много места. Спасибо.

В main.css найдите код:

#content .box table.table td {
vertical-align: top;
padding: 5px;
}

и замените на:

#content .box table.table td {
vertical-align: top;
padding: 0 5px;
}

[Rosalina]

Как быстро ответили!!! Все получилось!!! Я в восторге от Вашего профессионализма!