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

[Andrew S.]

Danil (29 Февраль 2016 - 20:42) писал:

Здравствуйте.
Возможно Вам подойдет следующий вариант:
в конец main.css добавьте

.goods-list.table_mini .descShort {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

Помимо этого, я нашёл ещё проблему в перелезании на вторую строку наименования товара:

[Vaccina]

В main.css после:

.goodsListNameTovar {
	font-family: Roboto-Medium, arial, Helvetica CY, Nimbus Sans L, sans-serif, Helvetica;
	color: #6f7c91;
}

добавьте:

.table_mini .goodsListNameTovar a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

[Andrew S.]

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

Нужно, чтобы в этом режиме отображения, только в третьем:
1. Название не переходило на следующую строчку и в конце строки заканчивалось троеточием (...), если знаков слишком много.
2. А описание чтобы ограничивалось тремя строчками.
3. И помимо этого, только в этом третьем режиме задать цвет для текста, нужно сделать его немного светлее, чтобы описание не сливалось с названием.

[Andrew S.]

1. Ваша инструкция помогла. Но я добавил в конец main.css перед шрифтами.
2. А вот описание всё также перелазит на лишнее пространство.
3. И с цветом помогите, пожалуйста.



Вот изображение и там ссылка где можно проверить

Сообщение отредактировал Andrew S.: 01 Март 2016 - 05:29

[Vaccina]

К сожалению, вспомнить не смогу примерно в каком разделе это обсуждалось.
По первому вопросу ответила вам выше, по остальным:
В main.css найдите:

.goods-list.table_mini .descShort {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

замените на:

.goods-list.table_mini .descShort {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 70px;
	color: #999;
}

[Andrew S.]

Vaccina (01 Март 2016 - 05:29) писал:

К сожалению, вспомнить не смогу примерно в каком разделе это обсуждалось.
По первому вопросу ответила вам выше, по остальным:
В main.css найдите:

.goods-list.table_mini .descShort {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

замените на:

.goods-list.table_mini .descShort {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 70px;
color: #999;
}

Спасибо, вроде всё ок. Со временем проверю точней.

Сейчас обнаружил проблему в опере на мобильном. Опять случайно.
http://forum.storela...-в-мобильной-о/

[Vaccina]

Ответила вам в данной теме

[Andrew S.]

Помогите ещё по центру часть блока - текст с ценой по центру поставить. Не получается.

[Danil]

Andrew S. (02 Апрель 2016 - 13:45) писал:

MIDDLE.png

Помогите ещё по центру часть блока - текст с ценой по центру поставить. Не получается.

Здравствуйте.
В конец main.css добавьте

.prices ul.cost {
	text-align: center;
}

[Andrew S.]

Danil (02 Апрель 2016 - 14:12) писал:

Здравствуйте.
В конец main.css добавьте

.prices ul.cost {
text-align: center;
}

Нужно чтобы во втором режиме отображения товаров надпись осталась где была (слева).



В недавно добавленных тоже сместилась цена. Надо чтобы было как было!

[Danil]

Andrew S. (02 Апрель 2016 - 14:35) писал:

MIDDLE2.png

Нужно чтобы во втором режиме отображения товаров надпись осталась где была (слева).

PRICE22.png

В недавно добавленных тоже сместилась цена. Надо чтобы было как было!

Код

.prices ul.cost {
text-align: center;
}

замените на

.goods-list.table_mini .prices ul.cost {
text-align: center;
}