Табы И Карточка Товара
#1
Отправлено 26 Октябрь 2013 - 13:15
Как сделать подскажите плиз
1. При открытии любого товара табы показывают вкладку отзывы, а надо описание.
2. На карточках товара, например "с этим товаром смотрели"
http://joxi.ru/dZVrUtg5CbA3ewtzyKU
название может содержать 1 или 2 строчки. Соответственно за ним прыгает и цена то выше, то ниже... Как её и расположенные ниже позиции закрепить однозначно с 3 строчки. Если у товара наименование умещается в 1 строчку - то 2 оставлять пустой.
Заранее спасибо откликнувшимся
#2
Отправлено 26 Октябрь 2013 - 13:35
#3
Отправлено 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
Отправлено 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
Отправлено 26 Октябрь 2013 - 14:38
"Неактивная кнопка купить при отсутствии товара" - пытался воспользоваться инструкцией http://forum.storela...тсутствии-това/
перепробовал все предлагаемые варианты - не помогло...
Заранее спасибо!
#6
Отправлено 26 Октябрь 2013 - 14:48
Yurren (26 Октябрь 2013 - 14:38) писал:
"Неактивная кнопка купить при отсутствии товара" - пытался воспользоваться инструкцией http://forum.storela...тсутствии-това/
перепробовал все предлагаемые варианты - не помогло...
Заранее спасибо!
#7
Отправлено 26 Октябрь 2013 - 16:01
Koderhan (26 Октябрь 2013 - 14:48) писал:
Vaccina (08 Октябрь 2013 - 04:30) писал:
// Есть ли товар есть в наличии 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
Отправлено 26 Октябрь 2013 - 17:20
velena168 (26 Октябрь 2013 - 14:29) писал:
Подскажете?
#category_view_type.grid_view #product_list .product_list_details_left h5думаю, значение в 50px подойдет.
#9
Отправлено 26 Октябрь 2013 - 17:42
Yurren (26 Октябрь 2013 - 16:01) писал:
Было самое ТО! В этом шаблоне так не получается...
// Есть ли товар есть в наличии 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
Отправлено 26 Октябрь 2013 - 17:53
Yurren (26 Октябрь 2013 - 16:01) писал:
Как поднять слайдер "новинок", сделать, чтобы он был выше описания главной?
{BODY}замените на этот
{% IFNOT index_page %} {BODY} {% ENDIF %}А после строки
<!-- /Список новинок на главной -->добавьте строку
{BODY}
#11
Отправлено 26 Октябрь 2013 - 22:32
sengun (26 Октябрь 2013 - 17:42) писал:
// Есть ли товар есть в наличии 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://joxi.ru/fhhsUtg5CbDbOOvjxBg
Хочется сделать чтобы её нажать в принципе было нельзя - дабы не гонять покупателя впустую на следующий шаг.
#13
Отправлено 26 Октябрь 2013 - 22:46
Yurren (26 Октябрь 2013 - 22:32) писал:
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) писал:
#14
Отправлено 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
Отправлено 31 Октябрь 2013 - 00:39
sengun (26 Октябрь 2013 - 17:20) писал:
#category_view_type.grid_view #product_list .product_list_details_left h5думаю, значение в 50px подойдет.
А еще, где есть звезды рейтинга, там блок увеличивается и не подравнивается.
#16
Отправлено 31 Октябрь 2013 - 02:03
.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
Отправлено 31 Октябрь 2013 - 02:24
Сake (31 Октябрь 2013 - 02:03) писал:
.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
Отправлено 31 Октябрь 2013 - 03:21
#category_view_type.grid_view #product_list .product_image_wrapper { height: 210px; }
#19
Отправлено 31 Октябрь 2013 - 08:48
Сake (31 Октябрь 2013 - 03:21) писал:
#category_view_type.grid_view #product_list .product_image_wrapper { height: 210px; }
#20
Отправлено 01 Ноябрь 2013 - 01:49
.product_list_details_left .htmlDataBlock { height: 60px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных