Favoriter, effekt favorites-effect

Visningsprogrammet visar Favoriter-ikoner över huvudvyn på platser där det ursprungligen lades till av användaren.

Utseendet på Favorit-ikonen styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

CSS-egenskaper för ikonen Favorit

background-image
Bilden som visas för ikonen.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se även CSS-fragment.

width
Ikonens bredd.
height
Ikonens höjd.

Exempel - ställ in en ikon med 36 x 36 pixlar för Favoriter.

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

På datorer har komponenten stöd för cursortype attributväljaren som du kan använda för .s7favoriteseffect och styr typen av markör baserat på den valda användaråtgärden. Följande cursortype värden stöds:

mode_add
Den användare som visas lägger till en ny Favorit-ikon.
mode_remove
Den användare som visas tar bort en befintlig Favorit-ikon.
mode_view
Visas i normalläge när favoritredigering inte är aktiv.

Exempel - ha olika musmarkörer för varje typ av komponentläge.

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8