Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Представление Товаров В Каталоге

Автор Purogen, 11 июня 2015 07:47

Авторизуйтесь для ответа в теме

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

#1 Purogen

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

Пользователи
40 сообщений

Отправлено 11 Июнь 2015 - 07:47

Добрый день.
Аккаунт SL-345565
Подскажите пожалуйста как решить следующую проблему.

1. В разделе товар имеется следующее:
<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Есть в наличии</span></div>
   <div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Под заказ</span></div>

Отображается без проблем.

Вставляю данный код в раздел Товары:

   <div class="name"><a title="{goods.NAME}" href="{goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{goods.NAME}</a></div>

  <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Есть в наличии</span></div>
  <div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Под заказ</span></div>

Но наличие отображается только под заказ, в независимости от остатков на складе.
Также не получается передвинуть ниличие левее.

2. Также при представлении каталога в виде таблицы наблюдается наложение цены и иконки добавить к сравнению.
И можно ли изображение сдвинуть ниже - на центр верхней части товара.

И возможно ли в данном представлении убрать увеличение блока товара при наведении мыши.

3. При просмотре на мобильно устройстве, товары отображаются так:

А можно ли сделать как например в другом мобильном устройстве (аналогично ПК):

Спасибо.

Наверх

#2 Ирина345

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

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

Отправлено 11 Июнь 2015 - 09:33

Purogen (11 Июнь 2015 - 07:47) писал:

Добрый день.
Аккаунт SL-345565
Подскажите пожалуйста как решить следующую проблему.

Здравствуйте,
1. найдите в шаблоне Товары код

<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Есть в наличии</span></div>
<div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Под заказ</span></div>

замените на

<div class="available-true" {% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Есть в наличии</span></div>
<div class="available-false" {% IF goods.MIN_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Под заказ</span></div>

2.
найдите в main.css

.add_to_compare_small.goodsTable {
cursor: pointer;
position: absolute;
right: 70px;
top: -45px!important;
font-size: 25px;
transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

замените на


.add_to_compare_small.goodsTable {
cursor: pointer;
position: absolute;
right: 70px;
top: -29px!important;
font-size: 25px;
transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
}

3.
добавьте в конец файла main.css

@media only screen and (max-width:850px){
.listright {
  width: 50%!important;
}
.listleft {
  display: block;
  float: left!important;
  margin: 0 auto;
}
}

Наверх

#3 Purogen

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

Пользователи
40 сообщений

Отправлено 11 Июнь 2015 - 10:34

Спасибо.

Остались следющие вопросы:
1.

Цитата

Также не получается передвинуть ниличие левее.

2.

Цитата

И возможно ли в данном представлении убрать увеличение блока товара при наведении мыши.

Имеется ввиду, в виде таблицы.

Наверх

#4 Ирина345

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

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

Отправлено 11 Июнь 2015 - 10:46

Purogen (11 Июнь 2015 - 10:34) писал:

Спасибо.

Остались следющие вопросы:
1.
Прикрепленный файл

каталог 1.jpg

2.
Имеется ввиду, в виде таблицы.

Найдите в main.css

.available-true, .available-false {
  font-size: 16px;
  color: #666;
 }

замените на


.available-true, .available-false {
  font-size: 16px;
  color: #666;
  text-align: left;
}

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

.prod_hold:hover .item_prop{display:block;opacity:1;right:-201px;bottom:-10px;}
.prod_hold.rightProd:hover .item_prop{display:block;opacity:1;left:-201px;bottom:-10px;}
.box-product{text-align:center;}
.box-product .prod_hold:hover{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);z-index:40;}
.prod_hold{-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-webkit-transition:all 0.25s ease;transition:all 0.25s ease; z-index:5;position:relative;}
.prod_hold:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);z-index:40;}
.prod_hover{-ms-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.85);transform:scale(0.95);opacity:0.7;}

замените на

/*.prod_hold:hover .item_prop{display:block;opacity:1;right:-201px;bottom:-10px;}
.prod_hold.rightProd:hover .item_prop{display:block;opacity:1;left:-201px;bottom:-10px;}*/
.box-product{text-align:center;}
/*.box-product .prod_hold:hover{-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);z-index:40;}*/
.prod_hold{-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-webkit-transition:all 0.25s ease;transition:all 0.25s ease; z-index:5;position:relative;}
/*.prod_hold:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);z-index:40;}*/
/*.prod_hover{-ms-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.85);transform:scale(0.95);opacity:0.7;}*/

Наверх

#5 Purogen

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

Пользователи
40 сообщений

Отправлено 15 Июнь 2015 - 08:57

Добрый день.
Спасибо, всё работает.
Подскажите пожалуйста ещё следующие вопросы:
Можно ли центрировать изображение в блоках?

В данный момент выглядит так

Необходимо сделать так

И аналогично в другом представлении:
из этого

получить это

Спасибо.

Наверх

#6 Vaccina

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

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

Отправлено 16 Июнь 2015 - 04:41

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

.listleft {
  float: left;
  margin: 10px;
  width: 130px;
}

замените на:

.listleft {
  float: left;
  height: 210px;
  margin: 10px;
  width: 130px;
}

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

.listprodimage {
  float: left;
}

замените на:

.listprodimage {
  display: table;
  float: left;
  height: 210px;
  vertical-align: middle;
}
.listprodimage a {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}

Наверх

#7 ac-dream

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

Пользователи
401 сообщений

Отправлено 12 Июль 2015 - 01:49

Здравствуйте!
При нажатии правой клавишей по товару в каталоге не выпадает контекстное меню. В частности, допустим, клиент решил открыть в новых вкладках ряд товаров, чтоб потом к ним вернуться (ну не пользуется он возможностью сравнения и избранным - не знает/не умеет/не хочет). Нажимает правой клавишей мыши - результата нет. Как разрешить контекстное меню?
SL-343424

Наверх

#8 Danil

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

Пользователи
4 645 сообщений

Отправлено 12 Июль 2015 - 18:49

ac-dream (12 Июль 2015 - 01:49) писал:

Здравствуйте!
При нажатии правой клавишей по товару в каталоге не выпадает контекстное меню. В частности, допустим, клиент решил открыть в новых вкладках ряд товаров, чтоб потом к ним вернуться (ну не пользуется он возможностью сравнения и избранным - не знает/не умеет/не хочет). Нажимает правой клавишей мыши - результата нет. Как разрешить контекстное меню?
SL-343424

Здравствуйте.
На данный момент, при нажатии правой кнопкой мыши по карточке товара в каталоге, меню появляется(проверяли 2 аккаунта, 343424 и 251223).
С какого браузера, Вы просматриваете сайт?

Наверх

#9 ac-dream

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

Пользователи
401 сообщений

Отправлено 12 Июль 2015 - 19:05

Danil (12 Июль 2015 - 18:49) писал:

Здравствуйте.
На данный момент, при нажатии правой кнопкой мыши по карточке товара в каталоге, меню появляется(проверяли 2 аккаунта, 343424 и 251223).
С какого браузера, Вы просматриваете сайт?

Теперь появляется, спасибо.

Наверх

#10 ac-dream

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

Пользователи
401 сообщений

Отправлено 09 Сентябрь 2015 - 02:26

Здравствуйте!
Как убрать всплывающее окно с характеристиками при наведении курсора на товар в каталоге? Скрин.
SL-343424

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

Наверх

#11 Vaccina

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

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

Отправлено 09 Сентябрь 2015 - 02:31

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

{% IFNOT goods.goods_attr_list_empty %}
					   <div class="item_prop">
						  <span>Характеристики:</span>
						   {% FOR goods_attr_list %}
						   {%IF goods.goods_attr_list.index>8%}{break}{%ENDIF%}
						   <div class="oneprop">
							<div class="attr_name">{goods.goods_attr_list.NAME}</div>
							<div class="attr_value">{goods.goods_attr_list.VALUE}</div>
						   </div>				   
						   {% ENDFOR %}		  
					   </div>
					   {% ENDIF %}

Наверх

#12 ac-dream

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

Пользователи
401 сообщений

Отправлено 09 Сентябрь 2015 - 18:22

Vaccina (09 Сентябрь 2015 - 02:31) писал:

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

{% IFNOT goods.goods_attr_list_empty %}
					 <div class="item_prop">
						 <span>Характеристики:</span>
						 {% FOR goods_attr_list %}
						 {%IF goods.goods_attr_list.index>8%}{break}{%ENDIF%}
						 <div class="oneprop">
						 <div class="attr_name">{goods.goods_attr_list.NAME}</div>
						 <div class="attr_value">{goods.goods_attr_list.VALUE}</div>
						 </div>				
						 {% ENDFOR %}		
					 </div>
					 {% ENDIF %}

Спасибо!

Наверх

#13 ac-dream

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

Пользователи
401 сообщений

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

ac-dream (09 Сентябрь 2015 - 18:22) писал:

Спасибо!

Vaccina (09 Сентябрь 2015 - 02:31) писал:

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

{% IFNOT goods.goods_attr_list_empty %}
					 <div class="item_prop">
						 <span>Характеристики:</span>
						 {% FOR goods_attr_list %}
						 {%IF goods.goods_attr_list.index>8%}{break}{%ENDIF%}
						 <div class="oneprop">
						 <div class="attr_name">{goods.goods_attr_list.NAME}</div>
						 <div class="attr_value">{goods.goods_attr_list.VALUE}</div>
						 </div>				
						 {% ENDFOR %}		
					 </div>
					 {% ENDIF %}

Здравствуйте!
Почему-то опять появилось это всплывающее окно с характеристиками. Как убрать?
SL-343424

Наверх

#14 Danil

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

Пользователи
4 645 сообщений

Отправлено 14 Сентябрь 2015 - 09:02

ac-dream (14 Сентябрь 2015 - 01:52) писал:

Здравствуйте!
Почему-то опять появилось это всплывающее окно с характеристиками. Как убрать?
SL-343424

Здравствуйте.
На данный момент блок с характеристиками не отображается, попробуйте очистить кэш браузера.

Наверх

#15 ac-dream

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

Пользователи
401 сообщений

Отправлено 14 Сентябрь 2015 - 13:39

Danil (14 Сентябрь 2015 - 09:02) писал:

Здравствуйте.
На данный момент блок с характеристиками не отображается, попробуйте очистить кэш браузера.

Чистила.
Я поняла в чём дело. Если просто в каталоге смотреть, то окна действительно нет. А если через поиск - то есть. СКРИН.

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

Наверх

#16 Danil

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

Пользователи
4 645 сообщений

Отправлено 14 Сентябрь 2015 - 13:48

ac-dream (14 Сентябрь 2015 - 13:39) писал:

Чистила.
Я поняла в чём дело. Если просто в каталоге смотреть, то окна действительно нет. А если через поиск - то есть. СКРИН.

В шаблоне поиск удалите код

  {% IFNOT goods.goods_attr_list_empty %}
			{% IFNOT goods.goods_attr_list_empty %}
			 <div class="item_prop">
				<span>Характеристики:</span>
				 {% FOR goods_attr_list %}
					{%IF goods.goods_attr_list.index>8%}{break}{%ENDIF%}
					 <div class="oneprop">
					  <div class="attr_name">{goods.goods_attr_list.NAME}</div>
					  <div class="attr_value">{goods.goods_attr_list.VALUE}</div>
					 </div>				 
				{% ENDFOR %}		  
			 </div>
			 {% ENDIF %}
			 {% ENDIF %}

Наверх

#17 ac-dream

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

Пользователи
401 сообщений

Отправлено 14 Сентябрь 2015 - 14:23

Danil (14 Сентябрь 2015 - 13:48) писал:

В шаблоне поиск удалите код

{% IFNOT goods.goods_attr_list_empty %}
		 {% IFNOT goods.goods_attr_list_empty %}
			 <div class="item_prop">
			 <span>Характеристики:</span>
				 {% FOR goods_attr_list %}
				 {%IF goods.goods_attr_list.index>8%}{break}{%ENDIF%}
					 <div class="oneprop">
					 <div class="attr_name">{goods.goods_attr_list.NAME}</div>
					 <div class="attr_value">{goods.goods_attr_list.VALUE}</div>
					 </div>				
			 {% ENDFOR %}		
			 </div>
			 {% ENDIF %}
			 {% ENDIF %}

Спасибо!