Vista Favoritos favorites-view
La vista Favoritos consta de una columna de imágenes en miniatura.
El aspecto del contenedor de vistas de favoritos se controla con el siguiente selector de clases CSS:
.s7ecatalogsearchviewer .s7favoritesview
La vista administra la posición y la altura de la vista Favoritos; en CSS solo es posible definir la anchura.
Propiedades CSS de la vista Favoritos
Ejemplo: para configurar una vista Favoritos de 100 píxeles de ancho con un fondo gris semitransparente.
.s7ecatalogsearchviewer .s7favoritesview {
width: 100px;
background-color: rgba(221, 221, 221, 0.5);
}
El espaciado entre las miniaturas de Favoritos se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell
Propiedades CSS de las miniaturas de Favoritos
Ejemplo: Para configurar el espaciado de diez píxeles.
.s7ecatalogsearchviewer .s7favoritesview .s7thumbcell {
margin: 5px;
}
El aspecto de la miniatura individual se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesview .s7thumb
Propiedades CSS de las miniaturas de Favoritos
state, que se puede utilizar para aplicar diferentes aspectos a diferentes estados de miniaturas. En particular, state="selected" corresponde a la miniatura seleccionada recientemente por el usuario. Mientras que state="default" corresponde al resto de las miniaturas. Y state="over" se usa al pasar el ratón por encima.Ejemplo: Para configurar miniaturas de 75 x 75 píxeles, tenga un borde predeterminado de gris claro y un borde seleccionado de gris oscuro.
.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;
}
El aspecto de la etiqueta de miniatura se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesview .s7label
Propiedades CSS de la etiqueta Favoritos
Ejemplo: configuración de etiquetas con una fuente Helvetica® de 14 píxeles.
.s7ecatalogsearchviewer .s7favoritesview .s7label {
font-family: Helvetica,sans-serif;
font-size: 14px;
}