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

[Brendi]

Как выровнять товары в каталоге по НИЖНЕМУ краю? Не могу найти эту строчку у себя в HTML, norintim.ru. И в карусели на главной тоже подскажите пожалуйста как это сделать.

[Stasya]

В шаблоне HTML найдите блок

<div style="width: 100%;position: relative;height: 198px;overflow:hidden;">
			 <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
			 </div>

и замените его на

<div style="width: 100%;position: relative;height: 198px;overflow:hidden; height:300px;">
			 <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
				 <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
			 </div>

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

<figure style="width: 173px;position: relative;overflow:hidden;">
			 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
			 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
		 </figure>

и замените его на

<figure style="width: 173px;position: relative;overflow:hidden;">
			 <div style="height:300px;">
			 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
			 <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			 </a>
			 </div>
		 </figure>

[Brendi]

Спасибо, названия выровнялись, а как теперь выровнять кнопку "Заказать"? Чтобы у всех товаров она находилась на одном уровне.

[sengun]

Brend7111 (01 Август 2013 - 16:57) писал:

Спасибо, названия выровнялись, а как теперь выровнять кнопку "Заказать"? Чтобы у всех товаров она находилась на одном уровне.

В style.css код

.mycarousel li{width:193px;margin:0 10px;text-align: center;}

измените так

.mycarousel li{width:193px; height: 470px; margin:0 10px;text-align: center;}

И в конец шаблона добавьте код

.mycarousel .buy-item {
bottom: -10px;
margin-left: 0.75%;
position: absolute;
}

[Brendi]

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

[sengun]

Brend7111 (01 Август 2013 - 20:16) писал:

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

В style.css в коде

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important;}

внесите такие изменения

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important; position: relative; height: 465px;}

И код

.buy-item {clear: both; overflow: hidden; margin-bottom: 1em;}

измените так

.buy-item {clear: both; overflow: hidden; margin-bottom: 1em; bottom: 0; position: absolute;}

[Brendi]

Преогромнейшее спасибо!!

[iGuana]

приветствую, вопрос, после данных изменений при просмотре товара начинается такая ерунда, как исправить подскажите?

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

• 

[sengun]

iGuana (15 Август 2013 - 18:28) писал:

приветствую, вопрос, после данных изменений при просмотре товара начинается такая ерунда, как исправить подскажите?

Здравствуйте, скажите, пожалуйста, какой у вас номер аккаунта? Без него мы не сможем определить, в чем проблема.

[iGuana]

sengun (15 Август 2013 - 19:19) писал:

Здравствуйте, скажите, пожалуйста, какой у вас номер аккаунта? Без него мы не сможем определить, в чем проблема.

defender.storeland.ru

[sengun]

iGuana (15 Август 2013 - 19:49) писал:

defender.storeland.ru

Попробуйте в style.css добавить такой код

.goodsDataFormSubmitButton .buy-item {
position: relative;
}
.goodsDataFormSubmitButton .buy-item input {
margin-top: 0 !important;
margin-right: 10px !important;
}
.mycarousel2 .buy-item input {
margin-top: 0 !important;
margin-right: 5px !important;
}

и замените код

.mycarousel2 li{width:160px;margin:0 10px;text-align: center;}

на этот

.mycarousel2 li{width:160px;margin:0 10px;text-align: center; height:360px;}

[iGuana]

не помогло никак ((
кстати еще куда то пропала кнопка заказать текущий товар

ой извините )) как всегда хром в кэше все держит (( все нормально!! спасибо!
а еще, как цену немного опустить вниз, а то сливается с наименованием

и еще уж вопросик добью, как сделать в каталоге чтобы все цены были вровень (не скакали вверх вниз) по горизонтали вместе с "оставить отзыв" и "сравнить"?

[iGuana]

или текст обрезать 3мя строчками как то

[iGuana]

и еще вот в каталоге что делает картинка

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

• 

[sengun]

iGuana (15 Август 2013 - 21:05) писал:

не помогло никак ((
кстати еще куда то пропала кнопка заказать текущий товар

ой извините )) как всегда хром в кэше все держит (( все нормально!! спасибо!
а еще, как цену немного опустить вниз, а то сливается с наименованием

и еще уж вопросик добью, как сделать в каталоге чтобы все цены были вровень (не скакали вверх вниз) по горизонтали вместе с "оставить отзыв" и "сравнить"?

Предлагаю такой вариант. Для блока изображения мы оставим 50% высоты блока товара. Сразу под ним выровняем наименования товара. Остальные блоки выровняем относительно нижней границы блока товара, т.к. наименование товара может занимать разную высоту. Должно получиться что-то вроде этого .
В шаблоне html 2 раза встречается строка

<div style="width: 193px;position: relative;overflow:hidden;">

замените их на эту

<div style="width: 193px;position: relative;overflow:hidden; height: 50%;">

В шаблоне "Товары" строку

<figure style="width: 173px;position: relative;overflow:hidden;">

измените так

<figure style="width: 173px;position: relative;overflow:hidden; height: 50%;">

И добавите в конец style.css код

.items.masonry-brick h3 {
position: relative;
top: 10px;
}
.items.masonry-brick .price {
position: absolute;
bottom: 75px;
}
.items.masonry-brick .rating {
position: absolute;
bottom: 50px;
}
.items.masonry-brick .link-compare {
position: absolute;
bottom: 45px;
left: 0;
width: 100%;
}

[iGuana]

1. цена стала выравниваться по левому краю
2. недавно просмотренные товары, при просмотре товарной карточки, тоже также бы сделать (цена наезжает на наименование)

[sengun]

iGuana (16 Август 2013 - 09:46) писал:

1. цена стала выравниваться по левому краю
2. недавно просмотренные товары, при просмотре товарной карточки, тоже также бы сделать (цена наезжает на наименование)

Добавьте в style.css такой код

.mycarousel2 li .goodsListItemPriceNew {
position: absolute;
bottom: 70px;
width: 160px;
}
.mycarousel2 li .rating {
position: absolute;
width: 160px;
bottom: 50px;
}
.mycarousel2 li span.add-to-links {
position: absolute;
bottom: 45px;
width: 160px;
}

А также измените код

.mycarousel2 li{width:160px;margin:0 10px;text-align: center; height:360px;}

height:360px; замените на height:345px;
А цены я не заметил, чтобы выравнивались по левому краю. Может у вас старая версия закэшировалась. Если очистка кэша не поможет, попробуйте код

.items.masonry-brick .price {
position: absolute;
bottom: 75px;
}

заменить на

.items.masonry-brick .price {
position: absolute;
bottom: 75px;
width: 100%;
text-align: center;
}

[iGuana]

Спасибо огромное!! Ваш магазин лучший что я видел!

[iGuana]

что то не сразу заметил, все таки цена не выравнивается по середине, пробовал в 3 браузерах, прилагаю скрин + посмотрите при выделении поля цены шире, и выравнивает относительно этой ширины..

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

• 

[iGuana]

при входе на страницу открываются новинки, там все корректно, а вот в самом каталоге криво http://defender-russia.ru/catalog