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


Табы И Карточка Товара


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

#1 Yurren

Yurren

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

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

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

Перешёл на тему осень - красивенько. Но надо ручками многое доводить...
Как сделать подскажите плиз :)
1. При открытии любого товара табы показывают вкладку отзывы, а надо описание.
2. На карточках товара, например "с этим товаром смотрели"
http://joxi.ru/dZVrUtg5CbA3ewtzyKU
название может содержать 1 или 2 строчки. Соответственно за ним прыгает и цена то выше, то ниже... Как её и расположенные ниже позиции закрепить однозначно с 3 строчки. Если у товара наименование умещается в 1 строчку - то 2 оставлять пустой.


Заранее спасибо откликнувшимся :)

#2 (Рекбес)

(Рекбес)

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

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

Отправлено 26 Октябрь 2013 - 13:35

В осени все равно,меньше пришлось бы переделывать,чем при установке любого другого шаблона. :)

#3 miyako

miyako

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

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

Отправлено 26 Октябрь 2013 - 13:56

Просмотр сообщенияYurren (26 Октябрь 2013 - 13:15) писал:

Перешёл на тему осень - красивенько. Но надо ручками многое доводить...
Как сделать подскажите плиз :)
1. При открытии любого товара табы показывают вкладку отзывы, а надо описание.
2. На карточках товара, например "с этим товаром смотрели"
http://joxi.ru/dZVrUtg5CbA3ewtzyKU
название может содержать 1 или 2 строчки. Соответственно за ним прыгает и цена то выше, то ниже... Как её и расположенные ниже позиции закрепить однозначно с 3 строчки. Если у товара наименование умещается в 1 строчку - то 2 оставлять пустой.

Заранее спасибо откликнувшимся :)

1 - Воспользуйтесь инструкцией -
http://forum.storela...оказывалось-оп/

2 - Найдите код в style.css -
.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: auto;
}
и замените на -
.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: 23px;
}


#4 velena168

velena168

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

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

Отправлено 26 Октябрь 2013 - 14:29

Просмотр сообщенияmiyako (26 Октябрь 2013 - 13:56) писал:


2 - Найдите код в style.css -
.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: auto;
}
и замените на -
.autumnshowcase_block h5 {
padding: 12px 0 5px 0;
height: 23px;
}

В каруселях получилось, а в категорях товаров, нет. /catalog/govorashhije-i-muzykalnyje-knigi
Подскажете?

#5 Yurren

Yurren

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

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

Отправлено 26 Октябрь 2013 - 14:38

Ещё вопросик!
"Неактивная кнопка купить при отсутствии товара" - пытался воспользоваться инструкцией http://forum.storela...тсутствии-това/
перепробовал все предлагаемые варианты - не помогло...
Заранее спасибо!

#6 Koderhan

Koderhan

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

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

Отправлено 26 Октябрь 2013 - 14:48

Просмотр сообщенияYurren (26 Октябрь 2013 - 14:38) писал:

Ещё вопросик!
"Неактивная кнопка купить при отсутствии товара" - пытался воспользоваться инструкцией http://forum.storela...тсутствии-това/
перепробовал все предлагаемые варианты - не помогло...
Заранее спасибо!
Вы хотите сделать кнопку купить не активной если товара нет в наличие ?

#7 Yurren

Yurren

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

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

Отправлено 26 Октябрь 2013 - 16:01

Просмотр сообщенияKoderhan (26 Октябрь 2013 - 14:48) писал:

Вы хотите сделать кнопку купить не активной если товара нет в наличие ?
Да! В сиянии делал в соответствии с темой - http://forum.storela...тсутствии-това/

Просмотр сообщенияVaccina (08 Октябрь 2013 - 04:30) писал:

Найдите в файле main.js

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		 goodsAvailableTrue.show();
		 goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		 goodsAvailableTrue.hide();
		 goodsAvailableFalse.show();
		 }

и замените на

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		 goodsAvailableTrue.show();
	 $('.goodsDataForm-not-rest-value').removeClass('goodsDataForm-not-rest-value').addClass('goodsDataForm');
	 $('.goodsDataFormSubmitButton .more-link').text('В корзину');
		 goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		 goodsAvailableTrue.hide();
	 $('.goodsDataForm').removeClass('goodsDataForm').addClass('goodsDataForm-not-rest-value');
	 $('.goodsDataFormSubmitButton .more-link').text('Нет в наличии');
		 goodsAvailableFalse.show();
		 }
Было самое ТО! В этом шаблоне так не получается...

B ещё вопрос:
Как поднять слайдер "новинок", сделать, чтобы он был выше описания главной?

#8 sengun

sengun

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

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

Отправлено 26 Октябрь 2013 - 17:20

Просмотр сообщенияvelena168 (26 Октябрь 2013 - 14:29) писал:

В каруселях получилось, а в категорях товаров, нет. /catalog/govorashhije-i-muzykalnyje-knigi
Подскажете?
Для каталога надо добавить свойство высоты (height) в стили
#category_view_type.grid_view #product_list .product_list_details_left h5
думаю, значение в 50px подойдет.

#9 sengun

sengun

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

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

Отправлено 26 Октябрь 2013 - 17:42

Просмотр сообщенияYurren (26 Октябрь 2013 - 16:01) писал:

Да! В сиянии делал в соответствии с темой - http://forum.storela...тсутствии-това/

Было самое ТО! В этом шаблоне так не получается...
В main.js замените код
	 // Есть ли товар есть в наличии
								 if(modificationRestValue>0) {
								 goodsAvailableTrue.show();
								 goodsAvailableFalse.hide();
		 $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').removeAttr('disabled').val('В корзину');
								 // Если товара нет в наличии
								 } else {
								 goodsAvailableTrue.hide();
								 goodsAvailableFalse.show();
		 $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').attr('disabled', 'disabled').val('Нет в наличии');
								 }
на этот
	 // Есть ли товар есть в наличии
								 if(modificationRestValue>0) {
								 goodsAvailableTrue.show();
								 goodsAvailableFalse.hide();
		 $('#add_to_cart input[type="submit"]').removeAttr('disabled').val('Купить');
								 // Если товара нет в наличии
								 } else {
								 goodsAvailableTrue.hide();
								 goodsAvailableFalse.show();
		 $('#add_to_cart input[type="submit"]').attr('disabled', 'disabled').val('Нет в наличии');
								 }
Если товара нет в наличии, то кнопка будет недоступна, однако в ней не будет видно текста "Нет в наличии", так как в style.css прописан такой стиль
.add_to_cart:disabled{color:#da3b44!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
Т.е. в этом случае цвет шрифта кнопки совпадает с цветом ее фона.

#10 sengun

sengun

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

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

Отправлено 26 Октябрь 2013 - 17:53

Просмотр сообщенияYurren (26 Октябрь 2013 - 16:01) писал:

B ещё вопрос:
Как поднять слайдер "новинок", сделать, чтобы он был выше описания главной?
В шаблоне HTML код
{BODY}
замените на этот
{% IFNOT index_page %}
{BODY}
{% ENDIF %}
А после строки
<!-- /Список новинок на главной -->
добавьте строку
{BODY}


#11 Yurren

Yurren

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

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

Отправлено 26 Октябрь 2013 - 22:32

Просмотр сообщенияsengun (26 Октябрь 2013 - 17:42) писал:

В main.js замените код
	 // Есть ли товар есть в наличии
								 if(modificationRestValue>0) {
								 goodsAvailableTrue.show();
								 goodsAvailableFalse.hide();
		 $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').removeAttr('disabled').val('В корзину');
								 // Если товара нет в наличии
								 } else {
								 goodsAvailableTrue.hide();
								 goodsAvailableFalse.show();
		 $('.goodsDataFormSubmitButton > div > input[type="submit"]:first').attr('disabled', 'disabled').val('Нет в наличии');
								 }
на этот
	 // Есть ли товар есть в наличии
								 if(modificationRestValue>0) {
								 goodsAvailableTrue.show();
								 goodsAvailableFalse.hide();
		 $('#add_to_cart input[type="submit"]').removeAttr('disabled').val('Купить');
								 // Если товара нет в наличии
								 } else {
								 goodsAvailableTrue.hide();
								 goodsAvailableFalse.show();
		 $('#add_to_cart input[type="submit"]').attr('disabled', 'disabled').val('Нет в наличии');
								 }
Если товара нет в наличии, то кнопка будет недоступна, однако в ней не будет видно текста "Нет в наличии", так как в style.css прописан такой стиль
.add_to_cart:disabled{color:#da3b44!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
Т.е. в этом случае цвет шрифта кнопки совпадает с цветом ее фона.
Не получилось - кнопка доступна: товар http://kolgotki63.ru...ZTRl#show_tab_1 - цвет черный - в наличии нет, но кнопка активна и выдает соответствующую ошибку:
http://joxi.ru/fhhsUtg5CbDbOOvjxBg
Хочется сделать чтобы её нажать в принципе было нельзя - дабы не гонять покупателя впустую на следующий шаг.

#12 Yurren

Yurren

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

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

Отправлено 26 Октябрь 2013 - 22:40

Просмотр сообщенияsengun (26 Октябрь 2013 - 17:53) писал:

В шаблоне HTML код
{BODY}
замените на этот
{% IFNOT index_page %}
{BODY}
{% ENDIF %}
А после строки
<!-- /Список новинок на главной -->
добавьте строку
{BODY}
Почему то слайдер с новинками перестал крутиться ... :(

#13 sengun

sengun

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

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

Отправлено 26 Октябрь 2013 - 22:46

Просмотр сообщенияYurren (26 Октябрь 2013 - 22:32) писал:

Не получилось - кнопка доступна: товар http://kolgotki63.ru...ZTRl#show_tab_1 - цвет черный - в наличии нет, но кнопка активна и выдает соответствующую ошибку:
http://joxi.ru/fhhsUtg5CbDbOOvjxBg
Хочется сделать чтобы её нажать в принципе было нельзя - дабы не гонять покупателя впустую на следующий шаг.
В этом и была задумка. После вставленного кода
		// Есть ли товар есть в наличии
																 if(modificationRestValue>0) {
																 goodsAvailableTrue.show();
																 goodsAvailableFalse.hide();
				 $('#add_to_cart input[type="submit"]').removeAttr('disabled').val('Купить');
																 // Если товара нет в наличии
																 } else {
																 goodsAvailableTrue.hide();
																 goodsAvailableFalse.show();
				 $('#add_to_cart input[type="submit"]').attr('disabled', 'disabled').val('Нет в наличии');
																 }
наблюдается лишняя закрывающаяся фигурная скобка - удалите ее. И еще в шаблоне "Товар" замените строку
<p id="add_to_cart"> <input type="submit" name="Submit" value="	Купить	" class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>
на эту
<p id="add_to_cart"> <input type="submit" name="Submit" {% IF GOODS_MOD_REST_VALUE>0 %}value="	Купить	"{% ELSE %}value="Невозможно заказать" disabled="disabled"{% ENDIF %} class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>

Просмотр сообщенияYurren (26 Октябрь 2013 - 22:40) писал:

Почему то слайдер с новинками перестал крутиться ... :(
Это все из-за той скобки лишней в main.js

#14 Yurren

Yurren

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

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

Отправлено 27 Октябрь 2013 - 06:46

Просмотр сообщенияsengun (26 Октябрь 2013 - 22:46) писал:

В этом и была задумка. После вставленного кода
	 // Есть ли товар есть в наличии
																 if(modificationRestValue>0) {
																 goodsAvailableTrue.show();
																 goodsAvailableFalse.hide();
				 $('#add_to_cart input[type="submit"]').removeAttr('disabled').val('Купить');
																 // Если товара нет в наличии
																 } else {
																 goodsAvailableTrue.hide();
																 goodsAvailableFalse.show();
				 $('#add_to_cart input[type="submit"]').attr('disabled', 'disabled').val('Нет в наличии');
																 }
наблюдается лишняя закрывающаяся фигурная скобка - удалите ее. И еще в шаблоне "Товар" замените строку
<p id="add_to_cart"> <input type="submit" name="Submit" value=" Купить " class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>
на эту
<p id="add_to_cart"> <input type="submit" name="Submit" {% IF GOODS_MOD_REST_VALUE>0 %}value=" Купить "{% ELSE %}value="Невозможно заказать" disabled="disabled"{% ENDIF %} class="add_to_cart" onclick="$('.goodsDataForm').submit()"></p>

Это все из-за той скобки лишней в main.js
Спасибо :) Все получилось!

#15 velena168

velena168

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

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

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

Просмотр сообщенияsengun (26 Октябрь 2013 - 17:20) писал:

Для каталога надо добавить свойство высоты (height) в стили
#category_view_type.grid_view #product_list .product_list_details_left h5
думаю, значение в 50px подойдет.
Что-то в категориях не получилось и в сопутствующих товарах.
А еще, где есть звезды рейтинга, там блок увеличивается и не подравнивается.

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

  • Снимок.PNG


#16 Сake

Сake

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

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

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

Найдите в файле стилей style.css

.autumnshowcase_block .image_link {
	border: 8px solid #FFFFFF;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	display: block;
	height: auto;
	margin: 1px 1px 3px 2px;
	overflow: hidden;
	position: relative;
}

и замените на

.autumnshowcase_block .image_link {
	border: 8px solid #FFFFFF;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
	display: block;
	height: 210px;
	margin: 1px 1px 3px 2px;
	overflow: hidden;
	position: relative;
}

или же просто добавьте в файл стилей

.autumnshowcase_block .image_link {
	height: 210px !important;
}


#17 velena168

velena168

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

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

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

Просмотр сообщенияСake (31 Октябрь 2013 - 02:03) писал:

Найдите в файле стилей style.css

.autumnshowcase_block .image_link {
border: 8px solid #FFFFFF;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
display: block;
height: auto;
margin: 1px 1px 3px 2px;
overflow: hidden;
position: relative;
}

и замените на

.autumnshowcase_block .image_link {
border: 8px solid #FFFFFF;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1);
display: block;
height: 210px;
margin: 1px 1px 3px 2px;
overflow: hidden;
position: relative;
}

или же просто добавьте в файл стилей

.autumnshowcase_block .image_link {
height: 210px !important;
}

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

Осталось в категориях и сопутствующих товарах подравнять растояние, чтобы одинаково было и с двумя и с тремя строчками названия и звезды.

#18 Сake

Сake

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

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

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

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

#category_view_type.grid_view #product_list .product_image_wrapper {
  height: 210px;
}


#19 velena168

velena168

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

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

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

Просмотр сообщенияСake (31 Октябрь 2013 - 03:21) писал:

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

#category_view_type.grid_view #product_list .product_image_wrapper {
height: 210px;
}
Спасибо! Со звездами теперь везде хорошо, а с названиями в категориях и сопутствующих не получается.

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

  • Снимок.PNG


#20 Сake

Сake

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

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

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

Добавьте в ваш файл стилей style.css правило

.product_list_details_left .htmlDataBlock {
	height: 60px;
}





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

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