Как в списке товаров выделить товары не в наличии

Дата последнего изменения:

Вы легко можете выделить в списке товаров те товары, которых нет в наличии. Используйте соответствующий CSS класс и изменение будет применено ко всем таким товарам.

Например, с помощью вот такого CSS-кода можно изменить в списке товаров фон для товаров, которых нет в наличии:

1. В режиме просмотра "Сетка":

td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-productBrowser-productsGrid-productTopFragment,
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-productBrowser-productsGrid-productBottomFragment {
  background-color: #FDCDCD;
}

2. В режиме просмотра "Список":

tr.ecwid-productBrowser-productsList-productRow-outOfStock td {
  background-color: #FDCDCD;
}

3. В режиме просмотра "Таблица":

tr.ecwid-productBrowser-productsTable-row-outOfStock td {
  background-color: #FDCDCD;
}

Вот так можно изменить цвет цены товаров, которых нет в наличии:

td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-productBrowser-price,
tr.ecwid-productBrowser-productsList-productRow-outOfStock td div.ecwid-productBrowser-price,  
tr.ecwid-productBrowser-productsTable-row-outOfStock td div.ecwid-productBrowser-price {
  color: grey;
}

Или показать лейбл "Нет в наличии" над картинкой товара в режиме просмотра "Сетка": 

td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow { 
  display: block;
  margin-top: -180px;   
  transform:rotate(-23deg);
  -ms-transform:rotate(-23deg); /* IE 9 */
  -moz-transform:rotate(-23deg); /* Firefox */
  -webkit-transform:rotate(-23deg); /* Safari and Chrome */
  -o-transform:rotate(-23deg); /* Opera */
  opacity: 0.5;
}
td.ecwid-productBrowser-productsGrid-cell-outOfStock div.ecwid-BuyNow span {
​  color: red;
  font-size: 16px;
}
Такие CSS-коды нужно добавить в активную CSS-тему в панели управления Эквида - Настройки - Дизайн. Не забудьте сохранить изменения.  
Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 2 из 7
Остались вопросы?
Обратитесь за помощью
  • Форум

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

  • Связь с техподдержкой

    Есть вопросы? Свяжитесь с нами, мы будем рады вам помочь.

  • Состояние сервиса

    Страница с информацией о запланированных технических работах и текущем состоянии сервиса.