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

[Eclipse]

Здравствуйте, почему-то ссылки на категории в разделе Каталог подчёркиваются только по самой нижней строчке. Как это можно исправить? Для сравнения подчёркивание у товаров, где название в несколько строк, отображается корректно. Скрин косячного отображения прилагаю.

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

• 

[Eclipse]

Видимо, дело в

display: block;

, который в .content_catalog_nested_categories .category-name {...} основного css-файла. Как лучше прописать в данном случае?

И ещё возник второй вопрос: как бы сделать эти блоки (на скриншоте выделенные салатовым) равными ровными ячейками? Чтобы строго все были одного размера, и всё смотрелось симметрично и красиво? А то сейчас всё зависит от длины названия товара/категории, и их высота пляшет как хочет. То же касается и товаров на главной, например, и других мест, где встречается данная проблема. Что можно придумать с этим делом? Может, уменьшить шрифт названий, например, и выстроить с тем расчётом, что название будет не длиннее 2 или 3 строк? Или есть какой-то универсальный способ?

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 01:45) писал:

Видимо, дело в

display: block;

, который в .content_catalog_nested_categories .category-name {...} основного css-файла. Как лучше прописать в данном случае?

И ещё возник второй вопрос: как бы сделать эти блоки (на скриншоте выделенные салатовым) равными ровными ячейками? Чтобы строго все были одного размера, и всё смотрелось симметрично и красиво? А то сейчас всё зависит от длины названия товара/категории, и их высота пляшет как хочет. То же касается и товаров на главной, например, и других мест, где встречается данная проблема. Что можно придумать с этим делом? Может, уменьшить шрифт названий, например, и выстроить с тем расчётом, что название будет не длиннее 2 или 3 строк? Или есть какой-то универсальный способ?

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

.underline.novisited.category-name {
height: 3.5em;
text-decoration: underline;
}

[Eclipse]

Большое спасибо, но подчёркивание ссылок задаётся через border-bottom, который полупрозрачного цвета относительно цвета ссылки — так сделано у Артемия Лебедева. В данном случае text-decoration: underline не подходит и нарушает общую стилистику.

А ячейки стали ровными в категориях, но не на главной: http://saveimg.ru/pi...3dc522de7c2.png
Вопрос следующий: можно ли что-то придумать, чтобы высотка каждой "линии" (строчки) ячеек задавалась исходя из максимальной высоты одной из трёх ячеек? Ну или нечто подобное, смысл в том, чтобы из-за одного товара с длинным названием, которое занимает 4-5 строчек в <h2 class="product-name"> не страдали все остальные, не появлялось куча фиктивного свободного белого запасного места. Которое возникает если просто тупо увеличить высоту всех блоков-ячеек.

[Eclipse]

И вот ещё схожая штука: на скриншоте подчёркивание вылазит за пределы слов, как будто за ними стрелочка сортировки невидимая. Можно ли убрать "лишние концы" у неактивных слов сортировочных параметров? Подчёркивание также задаётся через border-bottom (классы undeline novisited).

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 14:04) писал:

И вот ещё схожая штука: на скриншоте подчёркивание вылазит за пределы слов, как будто за ними стрелочка сортировки невидимая. Можно ли убрать "лишние концы" у неактивных слов сортировочных параметров? Подчёркивание также задаётся через border-bottom (классы undeline novisited).

Сделать подстраиваемую высоту не выйдет. Для подчеркивания бордером в main.css замените

.content_catalog_nested_categories .category-name {
/* height: 3.8em; */
overflow: hidden;
font-size: 1.3em;
/* text-transform: uppercase; */
width: 150px;
display: block;
margin-top: 0.5em;
}

на

.content_catalog_nested_categories .category-name {
/* height: 3.8em; */
overflow: hidden;
font-size: 1.3em;
/* text-transform: uppercase; */
width: 150px;
margin-top: 0.5em;
}

по последнему вопросу

.OrderFilterFormByURLs a {
padding-right: 8px;
margin: 0;
list-style-type: none;
}

замените на

.OrderFilterFormByURLs a {
margin: 0;
list-style-type: none;
}

[Eclipse]

Alekseys (21 Февраль 2015 - 16:20) писал:

по последнему вопросу

.OrderFilterFormByURLs a {
padding-right: 8px;
margin: 0;
list-style-type: none;
}

замените на

.OrderFilterFormByURLs a {
margin: 0;
list-style-type: none;
}

http://ilovefootball...utbolnaya-forma
лучше не стало...

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 17:47) писал:

http://ilovefootball...utbolnaya-forma
лучше не стало...

В main.css замените

.OrderFilterFormByURLs .selected-desc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}i_desc_arrow.gif") no-repeat right center;}

на

.OrderFilterFormByURLs .selected-desc a {color:#000000;/*background:url("{ASSETS_IMAGES_PATH}i_desc_arrow.gif") no-repeat right center;*/}

[Eclipse]

Alekseys (21 Февраль 2015 - 17:52) писал:

В main.css замените

.OrderFilterFormByURLs .selected-desc a {color:#000000;background:url("{ASSETS_IMAGES_PATH}i_desc_arrow.gif") no-repeat right center;}

на

.OrderFilterFormByURLs .selected-desc a {color:#000000;/*background:url("{ASSETS_IMAGES_PATH}i_desc_arrow.gif") no-repeat right center;*/}

Ничего не изменилось: http://ilovefootball...utbolnaya-forma

[Eclipse]

Alekseys (21 Февраль 2015 - 16:20) писал:

Сделать подстраиваемую высоту не выйдет. Для подчеркивания бордером в main.css замените

.content_catalog_nested_categories .category-name {
/* height: 3.8em; */
overflow: hidden;
font-size: 1.3em;
/* text-transform: uppercase; */
width: 150px;
display: block;
margin-top: 0.5em;
}

на

.content_catalog_nested_categories .category-name {
/* height: 3.8em; */
overflow: hidden;
font-size: 1.3em;
/* text-transform: uppercase; */
width: 150px;
margin-top: 0.5em;
}

Я ж об этом и говорил в самом начале... Но проблема в том, что когда убираешь display: block, названия категорий очень близко становятся к картинкам этих категорий и что-то никакие марджины, пэддинги и пр. не работают чтобы эти названия чуть вниз опустить. Очень надеюсь на вашу помощь, ведь, согласитесь, смотрится как черновик, а не как главный каталог сайта

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 18:08) писал:

Я ж об этом и говорил в самом начале... Но проблема в том, что когда убираешь display: block, названия категорий очень близко становятся к картинкам этих категорий и что-то никакие марджины, пэддинги и пр. не работают чтобы эти названия чуть вниз опустить. Очень надеюсь на вашу помощь, ведь, согласитесь, смотрится как черновик, а не как главный каталог сайта

В main.css замените

.content_catalog_nested_categories .goods-cat-image-medium-square {
display: block;
}

на

.content_catalog_nested_categories .goods-cat-image-medium-square {
display: block;
margin-bottom: 10px;
}

[Eclipse]

Alekseys (21 Февраль 2015 - 18:53) писал:

Извиняюсь, но теперь одна из категорий съехала куда-то...

И ничего не изменилось по смежному вопросу, о чём я написал в этом посте (на всякий повторяю, может, не заметили): http://forum.storela...ок/#entry188422

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 18:56) писал:

Извиняюсь, но теперь одна из категорий съехала куда-то...

И ничего не изменилось по смежному вопросу, о чём я написал в этом посте (на всякий повторяю, может, не заметили): http://forum.storela...ок/#entry188422

В main.css замените

.content_catalog_nested_categories li {
text-align: center;
float: left;
margin: 0.5em 11px;
list-style-type: none;
background: none !important;
min-height: 205px;
width: 150px;
}

на

.content_catalog_nested_categories li {
text-align: center;
float: left;
margin: 0.5em 11px;
list-style-type: none;
background: none !important;
min-height: 220px;
width: 150px;
}

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

[Eclipse]

Спасибо!

Alekseys (21 Февраль 2015 - 19:13) писал:

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

Прилагаю скрин. Мы убирали у ссылок-вариантов сортировки пустые хвосты-подчёркивания, но убрали не совсем корректно: у активной ссылки со стрелочкой не нужно чтобы они убирались, по скриншоту видно как сейчас выглядит косячное место. Последнее, что мы сделали — убрали padding-right: 8px; из .OrderFilterFormByURLs a { и затем не помог этот пост: http://forum.storela...ок/#entry188420

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

• 

[Alekseys]

Eclipse (21 Февраль 2015 - 19:23) писал:

Спасибо!



Прилагаю скрин. Мы убирали у ссылок-вариантов сортировки пустые хвосты-подчёркивания, но убрали не совсем корректно: у активной ссылки со стрелочкой не нужно чтобы они убирались, по скриншоту видно как сейчас выглядит косячное место. Последнее, что мы сделали — убрали padding-right: 8px; из .OrderFilterFormByURLs a { и затем не помог этот пост: http://forum.storela...ок/#entry188420

Изменить стиль конкретного вида сортировки не представляется возможным.

[Eclipse]

Alekseys (21 Февраль 2015 - 19:25) писал:

Изменить стиль конкретного вида сортировки не представляется возможным.

Это неправда. Сам всё сделал. Спасибо за помощь в целом.

Тема закрыта.