Botão Exibir todos os favoritos

A posição do botão é totalmente gerenciada pelo menu Favoritos.

A aparência do botão Exibir todos os favoritos é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7viewallfavoritebutton

Propriedades CSS do botão Remover favorito

imagem de fundo

A imagem exibida para um determinado estado de botão.

posição de fundo

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

Consulte também Sprites CSS .

width

Largura do botão.

altura

Altura do botão.

OBSERVAÇÃO

Esse botão suporta state e selected seletores de atributos, que podem ser usados para aplicar capas diferentes a estados de botão diferentes. Em especial, selected='true' corresponde ao estado em que um usuário pode adicionar um novo ícone Favorito clicando ou tocando em . O selected='false' corresponde ao modo de operação normal quando um usuário pode aplicar zoom, deslocar e trocar páginas.

A dica de ferramenta do botão pode ser localizada. Consulte Localização dos elementos da interface do usuário para obter mais informações.

Exemplo - para configurar um botão Exibir todos os favoritos com 28 x 28 pixels e exibe uma imagem diferente para cada um dos quatro estados de botão diferentes quando selecionado ou não selecionado.

.s7ecatalogsearchviewer .s7viewallfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}

Nesta página