Efeito Favoritos

O visualizador exibe os ícones Favoritos sobre a visualização principal nos locais em que ele foi adicionado originalmente pelo usuário.

A aparência do ícone Favorito é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

Propriedades de CSS do ícone Favorito

background-image

A imagem exibida para o ícone.

posição de fundo

Posição dentro da sprite de arte, se os sprites CSS forem usados.

Consulte também CSS Sprites .

width

Largura do ícone.

altura

Altura do ícone.

Exemplo - configure um ícone de 36 x 36 pixels Favoritos.

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon { 
 height: 36px; 
 width: 36px;  
 background-image: url(images/v2/FavoriteEffect_dark_up.png); 
}

Em sistemas de desktop, o componente suporta o seletor de atributos cursortype que você pode aplicar à classe .s7favoriteseffect e controla o tipo de cursor com base na ação do usuário selecionada. Os seguintes valores cursortype são suportados:

mode_add

O usuário exibido está adicionando um novo ícone Favorito.

mode_remove

O usuário exibido está removendo um ícone Favorito existente.

mode_visualização

Exibida no modo de operação normal quando a edição de Favoritos não está ativa.

Exemplo - tem cursores de mouse diferentes para cada tipo de estado do componente.

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] { 
cursor: crosshair; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] { 
cursor: not-allowed; 
} 
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] { 
cursor: auto; 
}

Nesta página