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

[miyako]

Serg83 (07 Март 2013 - 09:57) писал:

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

остался вопрос только с расположением картинок в товарах - ка сделать их по центру(по вертикали)?

и еще появился - как сделать названия категорий по нижнему краю блоков? а картинки категорий тоже бы по вертикали по центру расположить

Найдите код:

.goodsListItemImage {
height: 142px;
margin-top: 1em;
}

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

.goodsListItemImage {
height: 142px;
margin-top: 1em;
line-height: 164px;
}

[Serg83]

miyako (07 Март 2013 - 10:17) писал:

Найдите код:

.goodsListItemImage {
height: 142px;
margin-top: 1em;
}

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

.goodsListItemImage {
height: 142px;
margin-top: 1em;
line-height: 164px;
}

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

[Koderhan]

Serg83 (07 Март 2013 - 10:35) писал:

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

В файле "main.csstemplate".
Добавить код:

.content_catalog_nested_categories li .imagem a img {
	margin-top: 10%;
}

Найти код:

.content_catalog_nested_categories .imagem {
  height: 90px;
  padding: 5px;
  width: 180px;
}

Заменить:

.content_catalog_nested_categories .imagem {
  height: 70%;
  padding: 5px;
  width: 100%;
}

[Serg83]

Koderhan (07 Март 2013 - 11:07) писал:

В файле "main.csstemplate". Добавить код:

 .content_catalog_nested_categories li .imagem a img { margin-top: 10%; } 

Найти код:

 .content_catalog_nested_categories .imagem { height: 90px; padding: 5px; width: 180px; } 

Заменить:

 .content_catalog_nested_categories .imagem { height: 70%; padding: 5px; width: 100%; } 

класс! спасибо!

а с подкатегориями такое же можно провернуть?

[Koderhan]

В файл "main.csstemplate".
Добавить код:

.withBorder.cornerAll div img {
	margin-top: 15%;
}
.withBorder.cornerAll h4 {
	margin-top: 25%;
}

[Serg83]

Koderhan (08 Март 2013 - 13:40) писал:

В файл "main.csstemplate".
Добавить код:

.withBorder.cornerAll div img {
margin-top: 15%;
}
.withBorder.cornerAll h4 {
margin-top: 25%;
}

супер!
очень давно хотел все это сделать!

[Serg83]

ахтунг!!!
картинки то все выровнялись, а надписи (названия товаров) - нет....
теперь все названия поверх картинок....
как названия товаров (в каталоге и на главной) приязать к нижней границе вместе с ценой товара?

в идеале, мне кажется, логика размещения элементов товара в каталоге должна быть такой: нижняя граница -->  цена (или несколько, если есть старая и т.д.) --> название товара  --> картинка.

ахтунг!!!
картинки то все выровнялись, а надписи (названия товаров) - нет....
теперь все названия поверх картинок....
как названия товаров (в каталоге и на главной) приязать к нижней границе вместе с ценой товара?

в идеале, мне кажется, логика размещения элементов товара в каталоге должна быть такой: нижняя граница -->  цена (или несколько, если есть старая и т.д.) --> название товара  --> картинка.

[Koderhan]

В файле "main.csstemplate".
Найти код:

.withBorder.cornerAll div img {
	margin-top: 15%;
}

Заменить:

.withBorder.cornerAll div img {
}

Найти код:

.goodsListItemImage				 {height:142px;margin-top:1em; line-height: 164px;}

Заменить:

.goodsListItemImage				 {height: 150px;/*высота блока с картинкой*/margin-top:1em; line-height: 164px;}

[Serg83]

Koderhan (09 Март 2013 - 07:39) писал:

В файле "main.csstemplate".
Найти код:

.withBorder.cornerAll div img {
margin-top: 15%;
}

Заменить:

.withBorder.cornerAll div img {
}

Найти код:

.goodsListItemImage				 {height:142px;margin-top:1em; line-height: 164px;}

Заменить:

.goodsListItemImage				 {height: 150px;/*высота блока с картинкой*/margin-top:1em; line-height: 164px;}

стало лучше.
правда не цена и название опустились, а картинка поднялась....
можно все таки цену с названием товара опустить к нижней границе?

[Koderhan]

Serg83 (09 Март 2013 - 12:24) писал:

стало лучше.
правда не цена и название опустились, а картинка поднялась....
можно все таки цену с названием товара опустить к нижней границе?

Можно. С помощью хитрой верстки. Или если бы размеры блоков с картинкой и с названием товара были одинаковыми.

[Serg83]

Koderhan (09 Март 2013 - 12:34) писал:

Можно. С помощью хитрой верстки. Или если бы размеры блоков с картинкой и с названием товара были одинаковыми.

ладно, пусть пока так будет )))

[Serg83]

после манипуляций со сдвигами картинок и названий тораров, которые Вы помогали делт выше, съехали цены...

пример на фото, обведено красным.


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

[Stasya]

В файле "main.css" найдите блок

.goodsListItemBlock {
height: 265px;
margin: 10px;
overflow: hidden;
}

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

.goodsListItemBlock {
height: 276px;
margin: 10px;
overflow: hidden;
}

[Serg83]

Stasya (24 Март 2013 - 12:46) писал:

В файле "main.css" найдите блок

.goodsListItemBlock {
height: 265px;
margin: 10px;
overflow: hidden;
}

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

.goodsListItemBlock {
height: 276px;
margin: 10px;
overflow: hidden;
}

либо не помогло, либо у меня снова проблемы в кешем...

[mikola]

Serg83 (24 Март 2013 - 13:12) писал:

либо не помогло, либо у меня снова проблемы в кешем...

Измените значение на

.goodsListItemBlock				 {height: 295px;margin:10px;overflow:hidden;}

[Serg83]

Mikola (24 Март 2013 - 14:07) писал:

Измените значение на

.goodsListItemBlock				 {height: 295px;margin:10px;overflow:hidden;}

снова не помогло...

может быть дело не в размерах блоков, а в процентах, которые задавались ранее (выше в данной теме)?

[miyako]

Serg83 (24 Март 2013 - 15:47) писал:

снова не помогло...

может быть дело не в размерах блоков, а в процентах, которые задавались ранее (выше в данной теме)?

Сейчас у вас работают корректно блоки? Цена выводится одинаково

[Serg83]

miyako (25 Март 2013 - 08:18) писал:

Сейчас у вас работают корректно блоки? Цена выводится одинаково

да стало лучше. поэтому и просил проверить со стороны вчера )) опять кеш видимо...