- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
1. [ Domov ](/)
2. [ Blog ](/blog)
3. [ Pracujeme s Mergadom ](/kategorie/pracujeme-s-mergadom)
4. **Ide to aj inak: Uľahčite si nastavenie pravidiel v Mergade**
# **Ide to aj inak: Uľahčite si nastavenie pravidiel v Mergade**
[  Lukáš Horák ](/blog/lukas-horak) [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
20. 8. 2018
2 minúty čítania
Jedna z hlavných vecí, o ktorú nám v Mergade ide, je to, aby si v ňom užívatelia dokázali vytvoriť prehľadné prostredie, v ktorom sa im bude dobre pracovať. Nastavenie pravidiel je v Mergade typická oblasť, k nej sa dá pristúpiť jednoduchšie, než si užívatelia na prvý pohľad myslia.
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. —
Jedna z hlavných vecí, o ktorú nám v Mergade ide, je to, aby si v ňom užívatelia dokázali[ vytvoriť prehľadné prostredie](https://www.mergado.sk/vytvorte-si-prehladne-prostredie), v ktorom sa im bude dobre pracovať. Nastavenie pravidiel je v Mergade typická oblasť, k nej sa dá pristúpiť **jednoduchšie, než si užívatelia na prvý pohľad myslia**. A práve ľahšiemu spôsobu nastavenia pravidiel sa budeme v dnešnom článku venovať.
## Používajte jedno pravidlo
### Nájsť a nahradiť
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/obr1_37.png)
Na príklade vyššie vidíme, že si užívateľ na odstránenie veľkostí z názvu vytvoril pre každú veľkosť štyri pravidlá. Toto riešenie je pomerne zdĺhavé a dá sa v ňom ľahko urobiť chyba. Ale všetko sa dá vyriešiť **pomocou jedného pravidla Nájsť a nahradiť**.
**Preto odporúčame tento postup:**
1. Použite jedno pravidlo Nájsť a nahradiť, v ktorom sa bude hľadať regulárny výraz a hľadaný text sa v elemente PRODUCT oddelí zvislítkom, ktoré reprezentuje „alebo“.
2. Zatrhnite Hľadať ako regulárny výraz a do Násjť zadajte: XL|“XL”|- XL|, XL.
3. Týmto spôsobom vytvoríte zo štyroch pravidiel jedno univerzálne.
### Mergado Tip
Ak odstraňujete aj ďalšie veľkosti, môžete ich všetky obsiahnuť **do jedného pravidla**. Toto je už pomerne pokročilý úkon. Odporúčame preto začať s jednoduchými úpravami pomocou regulárnych výrazov.
### Hromadne prepísať podľa výberu
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/obr2_31.png)
Ďalší príklad je neprehľadné používanie pravidiel typu Prepísať, ktorými sa do parametru Farba ukladajú hodnoty. Miesto veľkého počtu pravidiel stačí opäť použiť jedno. V tomto prípade je na mieste **použiť pravidlo Hromadne prepísať podľa výberu.**
**V ňom postupujte obdobne ako v provom príklade:**
1. Zvoľte element “PARAM|Farba”
2. Pre jednotlivé výbery nastavte konkrétne Farby.
3. Takto vytvoríte jedno pravidlo namiesto viac “malých”.
### Mergado Tip
Ak by bol vo farbách systém v zmysle presného umiestnenia v texte (v názve produktu), išlo by farbu do premennej **načítať regulárnym výrazom**. Pravidlo by sa tým zobecnilo a nebolo by potrebné robiť veľa výberov produktov.
### Hromadne premenovať kategórie
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/obr3_18.png)
Užívateľ sa v treťom príklade rozhodol prepísať kategórie pomocou niekoľko jednotlivých pravidiel. Aj tu je k prepísaniu kategórií pohodlnejšie zvoliť pravidlo Hromadne premenovať kategórie (alebo Hromadne prepísať podľa výberu).
**Postup je opäť podobný:**
1. Vyberte príslušný **element** (CATEGORYTEXT).
2. Pre každý výber zvoľte konkrétnu **kategóriu.**
3. Takto opäť vytvorte jedno **univerzálne pravidlo.**
### Mergado Tip
Už ste skúšali použiť pravidlo **Hromadne prepísať hodnoty**? Toto všemocné pravidlo vám dokáže **našepkať správnu kategóriu**. Využite ho namiesto častého používania pravidla Prepísať, či manuálnej editácie.
Ušetrite si čas aj starosti. Naučte sa v Mergade používať regurálne výrazy a „hromadné“ pravidlá. S ich prvým nastavením vám moc radi pomôžeme a vyriešime spolu postup individuálne.[ Zavolajte nám](https://www.mergado.sk/kontakt), alebo napíšte na náš [support](mailto:mergado@mergado.sk).
- [ PRODUCTNAME ](/tema/productname)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/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 sme s Mergadom previedli e‑shop zo Shoptetu na Shopify: kompletná migrácia bez straty dát
](/blog/ako-sme-s-mergadom-previedli-e-shop-zo-shoptetu-na-shopify-kompletna-migracia-bez-straty-dat)
[ 
### Ako nastavovať užívateľské účty agentúrnych pracovníkov v Mergade
](/blog/opravnenie-uzivatelskych-uctov-pre-agentury)
[ 
### 5 najčastejších chýb v produktovom feede a ako ich upraviť v Mergade
](/blog/najcastejsie-chyby-v-produktovom-feede)
## 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](/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()
}