Всем привет, SL-537687
Некоторые категории товаров имеют длинные названия. На сайте они не полностью отображаются. возможно ли сделать перенос на новую строчку, чтобы человек видел название не заходя в эту категорию
0
Отображение Названий Категорий В Каталоге
Автор IFullHaus, 31 янв. 2022 19:12
Сообщений в теме: 4
#1
Отправлено 31 Январь 2022 - 19:12
#2
Отправлено 01 Февраль 2022 - 05:36
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
замените на:
.col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
#3
Отправлено 01 Февраль 2022 - 14:12
Vaccina (01 Февраль 2022 - 05:36) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
замените на:
.col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
Работает, но смотрится плохо, возможно ли как выделить категории, например уменьшить расстояние между строчками, чтобы категория полной фразой в глаза бросалась, а не как отдельные строчки непонятно чего.
Вот, то что сейчас
и то что было в старом шаблоне
#4
Отправлено 02 Февраль 2022 - 08:25
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.col-left .block.catalog .content ul li {position: relative;border-bottom: solid 1px #f2f3f7;} .index .col-left .page-sidebar .block.catalog .content:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;opacity: 1;visibility: visible;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(67%,#fff),color-stop(68%,#fff),to(#fff));background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 67%,#fff 68%,#fff 100%);-webkit-transition: opacity .3s;transition: opacity .3s;z-index: 1;} .index .col-left .page-sidebar:hover .block.catalog .content:before {opacity:0; visibility: hidden;} .col-left .block.catalog .content ul li:last-child {margin-bottom: 0;border-bottom: 0;} .col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
замените на:
.col-left .block.catalog .content ul li {position: relative;border-bottom: solid 1px #f2f3f7;padding: 5px 0;} .index .col-left .page-sidebar .block.catalog .content:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;opacity: 1;visibility: visible;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(67%,#fff),color-stop(68%,#fff),to(#fff));background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 67%,#fff 68%,#fff 100%);-webkit-transition: opacity .3s;transition: opacity .3s;z-index: 1;} .index .col-left .page-sidebar:hover .block.catalog .content:before {opacity:0; visibility: hidden;} .col-left .block.catalog .content ul li:last-child {margin-bottom: 0;border-bottom: 0;} .col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 20px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
#5
Отправлено 02 Февраль 2022 - 17:14
Vaccina (02 Февраль 2022 - 08:25) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.col-left .block.catalog .content ul li {position: relative;border-bottom: solid 1px #f2f3f7;} .index .col-left .page-sidebar .block.catalog .content:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;opacity: 1;visibility: visible;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(67%,#fff),color-stop(68%,#fff),to(#fff));background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 67%,#fff 68%,#fff 100%);-webkit-transition: opacity .3s;transition: opacity .3s;z-index: 1;} .index .col-left .page-sidebar:hover .block.catalog .content:before {opacity:0; visibility: hidden;} .col-left .block.catalog .content ul li:last-child {margin-bottom: 0;border-bottom: 0;} .col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 33px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
замените на:
.col-left .block.catalog .content ul li {position: relative;border-bottom: solid 1px #f2f3f7;padding: 5px 0;} .index .col-left .page-sidebar .block.catalog .content:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;opacity: 1;visibility: visible;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(67%,#fff),color-stop(68%,#fff),to(#fff));background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 67%,#fff 68%,#fff 100%);-webkit-transition: opacity .3s;transition: opacity .3s;z-index: 1;} .index .col-left .page-sidebar:hover .block.catalog .content:before {opacity:0; visibility: hidden;} .col-left .block.catalog .content ul li:last-child {margin-bottom: 0;border-bottom: 0;} .col-left .block.catalog .content ul li a {display: block;position: relative;text-transform: none;font-size: 14px;line-height: 20px;letter-spacing: 0.01em;color: #3d5a68;padding-right: 26px;overflow: hidden;word-wrap: break-word;}
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных