Вы вводите в поиск «стойка для одежды», а конкурент ищет «купить рейл», ваш партнер говорит «нужно новое вешало», а в каталоге производителя написано «напольная конструкция для демонстрации». Возникает путаница: это разные товары или одно и то же?
<style>
.ls-table-wrapper {
font-family: 'Montserrat', 'Arial', sans-serif;
width: 100%;
margin: 20px 0;
box-sizing: border-box;
}
.ls-table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
box-shadow: 0 4px 20px rgba(168, 130, 174, 0.15);
border-radius: 4px;
overflow: hidden;
}
/* Шапка с вашим акцентом */
.ls-table thead th {
background-color: #A882AE;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
padding: 18px 20px;
text-align: left;
}
/* Чередование строк */
.ls-table tbody tr:nth-child(odd) {
background-color: #fcfcfc;
}
.ls-table tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
.ls-table tbody td {
padding: 16px 20px;
border-bottom: 1px solid #e8e8e8;
vertical-align: top; /* Выравнивание по верху для многострочных ячеек */
color: #333333;
}
.ls-table tbody tr:last-child td {
border-bottom: none;
}
/* Легкий ховер-эффект */
.ls-table tbody tr:hover {
background-color: #f8f4f9;
transition: background-color 0.25s ease;
}
.ls-material-name {
font-weight: 600;
color: #1a1a1a;
}
/* Бейджи — если понадобятся позже */
.ls-badge {
display: inline-block;
padding: 5px 14px;
border-radius: 3px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
background-color: #F0E6F2;
color: #5a3d66;
white-space: nowrap;
}
/* Адаптив */
@media (max-width: 768px) {
.ls-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.ls-table thead th,
.ls-table tbody td {
padding: 12px 15px;
font-size: 13px;
}
}
</style>
<div class="ls-table-wrapper">
<table class="ls-table">
<thead>
<tr>
<th>Вид конструкции</th>
<th>Синонимы в поиске</th>
<th>Особенности</th>
<th>Для каких задач подходит</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ls-material-name">Мобильная стойка на колесах</td>
<td>Мобильный рейл, передвижное вешало, стойка на колесиках</td>
<td>Оснащена 4 колесами с фиксаторами. Легко перемещается одним человеком даже с грузом.</td>
<td>Сезонные распродажи, быстрая перепланировка зала, создание временных зон «Sale».</td>
</tr>
<tr>
<td class="ls-material-name">Стационарная Т-образная стойка</td>
<td>Т-образный рейл, напольное вешало-буква Т, стойка-труба</td>
<td>Устойчивое основание (крестовина), одна центральная штанга. Не перемещается часто.</td>
<td>Основная выкладка коллекций, зонирование пространства, демонстрация тяжелых пальто.</td>
</tr>
<tr>
<td class="ls-material-name">Двухуровневая система (Комби)</td>
<td>Двухъярусный рейл, вешало в два этажа, двойная стойка</td>
<td>Две параллельные штанги на разной высоте.</td>
<td>Максимальная плотность выкладки: сверху длинные вещи, снизу короткие или обувь/аксессуары.</td>
</tr>
<tr>
<td class="ls-material-name">Г-образная (Угловая) стойка</td>
<td>Угловой рейл, Г-образное вешало, стойка в угол</td>
<td>Компактная конструкция для установки в угол или вдоль стены с поворотом.</td>
<td>Эффективное использование угловых зон, обход колонн, создание уютных ниш.</td>
</tr>
<tr>
<td class="ls-material-name">Круглая стойка (Карусель)</td>
<td>Круглый рейл, вешало-карусель, ротационная стойка</td>
<td>Штанги расположены по кругу вокруг центральной оси. Вращается.</td>
<td>Презентация большого объема товара на малой площади, акцентные зоны в центре зала.</td>
</tr>
</tbody>
</table>
</div>
Запомните! Ищете ли вы вешало или стойку, для коммерции нужен металл от 1.5 мм. Иначе придется менять оборудование через год.