- [Case Studies](https://www.mergado.sk/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.sk/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](https://www.mergado.sk/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](https://www.mergado.sk/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.sk/kategorie/mergado-tipy)
- [Novinky v Mergade](https://www.mergado.sk/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](https://www.mergado.sk/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](https://www.mergado.sk/kategorie/pracujeme-s-mergadom)
- [Rozhovory](https://www.mergado.sk/kategorie/rozhovory)
- [Rozšírenia](https://www.mergado.sk/kategorie/aplikacie)
- [S Mergadom do zahraničia](https://www.mergado.sk/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](https://www.mergado.sk/kategorie/zo-zivota-mergada)
1. [ Domov ](https://www.mergado.sk/)
2. [ Blog ](https://www.mergado.sk/blog)
3. [ Novinky z porovnávačov cien ](https://www.mergado.sk/kategorie/novinky-z-porovnavacov-cien)
4. **Heureka v novom: nový vzhľad Detailu obchodu**
# **Heureka v novom: nový vzhľad Detailu obchodu**
[  Lukáš Horák ](https://www.mergado.sk/blog/lukas-horak) [Novinky z porovnávačov cien](https://www.mergado.sk/kategorie/novinky-z-porovnavacov-cien)
21. 3. 2018
2 minúty čítania
V utorok Heureka zaviedla nový vzhľad stránky Detail obchodu. Po zmene vzhľadu užívateľského účtu je to tak ich ďalší krok k responzívnejšiemu webu. Vďaka rozsiahlym užívateľským prieskumom by sa tak mal nový Detail obchodu stať prehľadnejším a viac ponúkať tovar, o ktorý majú užívatelia naozaj záujem.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
V utorok Heureka zaviedla **nový vzhľad stránky Detail obchodu**. Po zmene vzhľadu užívateľského účtu je to tak ich ďalší **krok k responzívnejšiemu webu**. Vďaka rozsiahlym užívateľským prieskumom by sa tak mal nový Detail obchodu stať prehľadnejším a viac ponúkať tovar, o ktorý majú užívatelia naozaj záujem.
## Radenie obchodu vo výpise
Podľa prieskumov Heureky majú pri **výbere e‑shopu najväčší vplyv recenzie a texty**. Preto je po novom vo výpise obchodov zviditeľnená možnosť prechodu do recenzie obchodu. V novom vzhľade sú obchody zároveň radené **podľa hodnotenia**. Heureka tým zákazníkom chce poskytovať čo najväčšie množstvo informácií pre ich správne rozhodovanie.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr10.png)
## Ľavý stĺpec
Detail obchodu získava novu štruktúru. Z dôvodu väčšej prehľadnosti sa informácie o celkovom hodnotení, farbe certifikátu, spôsoboch platby, či kontaktov na e‑shop, sťahujú do ľavého stĺpca. Tento stĺpec tiež obsahuje informácie, ktoré miesto **nenázorných hviezdičiek nahradili konkrétne dáta**, ako napr. doba dodania pri jednotlivých recenziách.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr2_0.png)
## Upravená záložka
Okrem prehľadného ľavého stĺpca získava Detail obchodu tiež upravenú záložku, ktorá poskytuje informácie **o recenziách, výdajných miestach a diskusiu**.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr3_0.png)
## Recenzie
Na zobrazovanie recenzií kladie v novom vzhľade Heureka veľký dôraz. Najmä ich radenie bolo sprehľadnené tak, aby nakupujúci získali **čo najviac informácií**, ktoré uľahčia ich rozhodovanie. Z overených recenzií sa veľmi ľahko prekliknete do časti pozitívnych a negatívnych recenzií. Všetky názory ostatných kupujúcich vám tak budú okamžite po ruke.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr4_0.png)
## Výdajné miesta
Staré časti **Informácie** a **Pobočky** z predchádzajúcej záložky boli zlúčené do záložky Výdajné miesta. Od teraz v nej nájdete **funkciu geolokácie**, ktorá umožňuje zobrazovanie výdajní v okolí užívateľa. Heureka tiež sľubuje, že do záložky Výdajné miesta postupe pridá ďalšie informácie, napríklad informácie o cenách dopravy a pod.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr5_0.png)
## Diskusia
Tiež záložka Diskusia prešla úpravami. Radenie príspevkov je **sprehľadnené** a pribudla tiež možnosť **reagovať do vlákien** rovnako ako napr. na sociálnych sieťach.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/heuobr6_0.png)
Mergado získalo beta verziu Detailu obchodu k jej ohodnoteniu. Vývoj tejto stránky sme si tak mohli sami dobre otestovať. Môžeme preto povedať, že nový Detail obchodu s príklonom k väčšej prehľadnosti a responzivite veľmi vítame. A veríme, že bude užívateľom dobrým pomocníkom a e‑shopom tým pomôže získať väčšie množstvo konverzií.
[  ](https://www.mergado.sk/blog/lukas-horak)### [ Lukáš Horák ](https://www.mergado.sk/blog/lukas-horak)
Lukáš sa v Mergade stará o väčšinu komunikácie v češtine. Prostredníctvom blogu, e‑mailu a sociálnych sietí pravidelne zásobuje čitateľa aktualitami z e‑commerce, novinkami a tipmi z Mergada. Pokiaľ práve nie je copywriter, užíva si príjemné veci ako badminton, výlety medzi utajené skvosty osemdesiatkovej hudby a plody mora podávané s červeným vínom.
## Mohlo by vás *zaujímať*
[ 
### Ako úspešne predávať na idealo
](https://www.mergado.sk/blog/uspesny-prodej-na-idealo)
[ 
### Ďalšie regulácie v e‑commerce: čo je BFSG a čo to znamená pre vaše online podnikanie?
](https://www.mergado.sk/blog/bfsg-digitalna-pristupnost)
[ 
### Nová regulácia GPSR už aj na Heureka Marketplace – viete, čo by ste mali doplniť?
](https://www.mergado.sk/blog/gpsr-heureka-marketplace)
## Nenechajte si nič *ujsť*
Prihláste sa k odberu nášho newslettera
Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](https://www.mergado.sk/vyhlasenie-o-cookies).
Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}