- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergadu](/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšíření](/kategorie/aplikace)
- [S Mergadem do zahraničí](/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](/kategorie/ze-zivota-mergada)
1. [ Úvod ](/)
2. [ Blog ](/blog)
3. [ Novinky ze srovnávačů ](/kategorie/novinky-ze-srovnavacu)
4. **Zboží.cz nasadilo nový vzhled a nové funkce!**
# **Zboží.cz nasadilo nový vzhled a nové funkce!**
[  Pan Mergado ](/blog/pan-mergado) [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
1. 8. 2016
2 minuty čtení
Další den, který si zaslouží zapsat do našich [projektových deníků](https://store.mergado.com/detail/logbook/) je právě dnes. Nejen proto, že [Zboží.cz přestalo aktualizovat data e‑shopů ze starého formátu XML](https://www.mergado.cz/stare-xml-feedy-e-shopu-ode-dneska-zbozicz-nenacte), ale také proto, že nasadilo **nový vzhled** a **nové funkce**. Pojďme se na novinky podívat.
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. —
## Dnešní novinky na Zboží.cz
Co uvidí běžný uživatel je především nový vzhled [Zboží.cz](http://www.zbozi.cz). Ten navazuje na dříve nasazený, moderní a čistý design. Nový prvek najdete na hlavní stránce Zboží.cz, zcela nové jsou kolekce zboží, [kategorie módy](http://www.zbozi.cz/obleceni-a-moda/) jsou, podobně jako na Heurece, přizpůsobené právě módě a odlišují se od jiných kategorií. Bylo rozšířeno filtrování podle parametrů a je toho ještě víc. Zvídavý čtenář si může, po dočtení těchto řádek klikat Zboží.cz a obdivovat se vylepšené grafice. Pro budoucí pokolení přiložím v závěru článku náhledy vybraných stránek.
Podrobněji se nové grafice však věnovat nebudu. To proto, že inzerující e‑shopy by měly zajímat spíše novinky ve fungování a řízení inzerce. Novinky pro marketingové specialisty shrnu ve stručných odrážkách.
## Co by měli vědět marketéři e‑shopů
- V pátek jsem psal o tom, že [Zboží.cz podporuje *kategorie* a *parametry*](https://www.mergado.cz/zbozicz-zpracovava-kategorie-a-parametry). Toto je nyní informace zcela zásadní. Právě kvalitní zpracování kategorií může zajistit, aby se nabídka e‑shopu zobrazila v kategorii i když není v produktové kartě. Uvedení parametrů pak zajišťuje správnou viditelnost inzerce při filtrování zboží — to je nyní v kategoriích opět zásadně rozšířeno.
- Inzerce *módy* dostala hlubší rozměr. Novinky by měly zlepšit zážitek uživatelů a na e‑shopy, které připraví data, přivést více zákazníků.
- *Produktové karty* byly přepracovány vzhledově. Počet nabídek e‑shopů zůstal zachován.
- Některé kategorie zboží nemusí nabídky e‑shopů do karet párovat záměrně. Zvýrazní se přínos kvalitních kategorií CATEGORYTEXT v XML (a přepis hodnot dle stromu Zboží.cz, viz pravidlo pro [hromadný přepis kategorií v Mergadu](https://www.mergado.cz/vyzkousejte-me-nove-pravidlo-hromadne-prejmenovat-kategorie)).
To je, pro tento okamžik vše. Případné dotazy pište do [mého zánovního diskusního fóra](https://forum.mergado.cz/).
## Náhledy nového Zboží.cz
### Hlavní stránka Zboží.cz
### Stránka kolekcí módy
### Příklad konkrétní kolekce módy na Zboží.cz
### Po prokliku z kolekce se zobrazí atypický detail zboží s podobným zbožím
### Výběr podkategorií Zboží.cz má nový vzhled
### Výběr podkategorií Zboží.cz lze rozbalit, je-li podkategorií hodně
### Příklad filtrování v kategorii Zboží.cz
### Kategorie jiná než móda
### Filtrovat podle parametrů lze i ve výsledcích vyhledávání
### Výpis nabídek v kategorii obsahuje i informace o dopravě
### Produktová karta se změnila vzhledem, obsah zůstal podobný
- [ Zboží.cz ](/tema/zbozi-cz)
- [ Nové Zboží.cz ](/tema/nove-zbozi-cz)
[  ](/blog/pan-mergado)### [ Pan Mergado ](/blog/pan-mergado)
Pan Mergado byl největší dříč v našem týmu. Makal ve dne i v noci, aby byla data e‑shopů v tom nejlepším pořádku a přinášela užitek. Zde na blogu psal návody, zprávy i své vlastní názory. No ano, byla to virtuální postava, ale my jsme ho měli rádi. Fakt.
## Mohlo by vás *zajímat*
[ 
### Jak úspěšně prodávat na idealo
](/blog/uspesny-prodej-na-idealo)
[ 
### Máte návštěvníky, ale ne konverze? FAVI Pixel je řešení.
](/blog/favi-pixel)
[ 
### Další regulace v e‑commerce: co je BFSG a co to znamená pro váš online byznys?
](/blog/bfsg-digitalni-pristupnost)
## Ať vám *nic neunikne*
Přihlašte se do našeho newsletteru
Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](/prohlaseni-o-cookies).
Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů.
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()
}