Exibição de favoritos favorites-view

A visualização Favoritos consiste em uma coluna de imagens em miniatura.

A aparência do contêiner de visualização de favoritos é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoritesview

A posição e a altura da visualização Favoritos são gerenciadas pela visualização; no CSS, é possível definir apenas a largura.

Propriedades CSS da exibição Favoritos

background-color
Cor de fundo da visualização Favoritos.
largura
Largura da exibição.

Exemplo - para configurar uma visualização de Favoritos com 100 pixels de largura e um plano de fundo cinza semitransparente.

.s7ecatalogsearchviewer .s7favoritesview {
 width: 100px;
 background-color: rgba(221, 221, 221, 0.5);
}

O espaçamento entre as miniaturas de Favoritos é controlado com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell

Propriedades CSS das miniaturas de Favoritos

margem
O tamanho da margem vertical ao redor de cada miniatura. O espaçamento real entre miniaturas é igual à soma das margens superior e inferior definidas para .s7thumbcell .

Exemplo - Para configurar o espaçamento de dez pixels.

.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell {
 margin: 5px;
}

A aparência da miniatura individual é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7thumb

Propriedades CSS das miniaturas de Favoritos

largura
Largura da miniatura.
altura
Altura da miniatura.
borda
Borda da miniatura.
NOTE
A miniatura suporta o state seletor de atributos, que pode ser usado para aplicar capas diferentes a estados de miniatura diferentes. Em especial, state="selected" corresponde à miniatura selecionada recentemente pelo usuário. Enquanto state="default" corresponde ao restante das miniaturas. E state="over" é usado ao passar o mouse.

Exemplo - Para configurar miniaturas com 75 x 75 pixels, tenha uma borda padrão cinza-claro e uma borda selecionada cinza-escuro.

.s7ecatalogsearchviewer .s7favoritesview .s7thumb {
 width: 75px;
 height: 75px;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="default"] {
 border: 1px solid #dddddd;
}
.s7ecatalogsearchviewer .s7favoritesview .s7thumb[state="selected"] {
 border: 1px solid #666666;
}

A aparência do rótulo da miniatura é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoritesview .s7label

Propriedades CSS do rótulo Favoritos

font-family
Nome da fonte.
font-size
Tamanho da fonte.

Exemplo - para configurar rótulos com uma fonte Helvetica® de 14 pixels.

.s7ecatalogsearchviewer .s7favoritesview .s7label {
 font-family: Helvetica,sans-serif;
 font-size: 14px;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8