Boční widget hodnocení obchodu
Chcete mít možnost ukázat recenze svého e-shopu ihned a kdekoli?
Díky této úpravě budete mít v kapse widget, který v okamžiku ukáže průměrné hodnocení s hvězdičkami a počtem recenzí.
Pokud máte e-shop ve více jazycích, nemusíte se starat o překlad, widget se automaticky vytvoří multijazyčně.
Co widget dělá?
Boční widget hodnocení obchodu se umístí na jedno z předvolených míst, tedy na levou či pravou stranu a nebo na střed obrazovky dolů.
Po najetí na ouško widgetu se rozevře detailní přehled, kde je průměrné hodnocení včetně hvězdiček a počet recenzí na e-shopu. Nechybí ani proklik na stránku se všemi hodnoceními obchodu. Zákazník se tak rychle může přesvědčit o tom, že nakupuje na spolehlivém e-shopu.
Úprava sází na velké hráče a jejich formu zobrazení, která ověřeně a dobře funguje. Příkladem může být widget od Heureka, který si na svém e-shopu můžete také zapnout.
Co byste měli vědět?
Widget je určený jen pro zobrazení na počítači. Na mobilu by kvůli nedostatku místa bránil zobrazení obsahu a snižoval by uživatelský zážitek z vašeho e-shopu.
Ukázka úpravy
Ukázka zavřeného widgetu ve všech pozicích, pozici si lze zvolit pouze jednu.
Ukázka otevřeného widgetu ve všech pozicích, pozici si lze zvolit pouze jednu.
Upravte si úpravu bez kodéra
Chcete widget zobrazovat jinde než na úvodní levé pozici?
Stačí si do Vzhled a obsah → Editor → HTML kód → sekce Zápatí vložit kód níže, kde napíšete jednu z pozic:
right - pro zobrazení na pravé straně
bottom - pro zobrazení na spodní straně
Chcete jinou barvu ouška k otevření widgetu, rámečku nebo průměrného hodnocení?
Stačí si do Vzhled a obsah → Editor → HTML kód → sekce Záhlaví vložit kód níže a zadat vlastní kód barvy ve formátu HEX (příklad: #000000 pro černou nebo #ffffff pro bílou).
.side-reviews-wrap {
border-color: barva rámečku kolem widgetu po otevření !important;
}
.side-reviews-wrap::after {
background-color: barva ouška k otevření widgetu !important;
color: barva textu v oušku pro otevření widgetu !important;
}
.side-reviews-wrap .side-reviews .rate-average {
color: barva průměrného hodnocení !important;
}
</style>
Chcete umístit widget do jiné výšky v pravé či levé pozici?
Stačí si do Vzhled a obsah → Editor → HTML kód → sekce Záhlaví vložit kód níže a zadat jak moc má být widget vzdálený od vrchní či spodní strany.
Pro vzdálenost od vrchní strany:
.side-reviews-wrap {
top: výška od vrchní hrany e-shopu px !important;
}
</style>
Pro vzdálenost od spodní strany:
.side-reviews-wrap {
bottom: výška od spodní hrany e-shopu px !important;
}
</style>
Doporučené doplňky
Vyberte si z hotových Shoptet doplňků z mé dílny, které jsou vhodné pro řešení nejčastějších problémů.
Po objednání můžete doplňky začít ihned používat.
