--- title: "Změna zobrazení ceny v detailu produktu (šablony 4.0) | Eshop-rychle" description: "Máte na svém e-shopu šablonu New York? Pak určitě zkontrolujte, jestli se vám na stránce detailu produktu zobrazuje prodejní cena správně. Měníme HTML kód šablony." url: "https://blog-staging.golemops.ing/zmena-zobrazeni-ceny-detail-produktu/" language: cs --- # Změna zobrazení ceny v detailu produktu (šablony 4.0) - 03.12.2019 - 3 minuty čtení - [Nové funkce a vylepšení](https://blog-staging.golemops.ing/nove-funkce-a-vylepseni/) **Máte na svém e-shopu šablonu New York?** Pak určitě zkontrolujte, jestli se vám na stránce detailu produktu zobrazuje prodejní cena správně. Měníme HTML kód šablony a zejména, pokud jste dělali vlastní úpravy v této oblasti v CSS kódu, může dojít k drobným nedokonalostem. ## Jak nové zobrazení vypadá? **Prodejní cena bez DPH se přesunula o kousek níže pod hlavní prodejní cenu s DPH.** Je samozřejmě grafickým vizuálem upozaděna, aby sloužila pouze jako sekundární informace. Tyto ceny spolu ale v každém případě bezprostředně souvisí, proto jsou zobrazeny u sebe a nové umístění ceny bez DPH by tak mělo být pro zákazníka nyní intuitivnější. Doufáme, že se vám bude také nové zobrazení líbit více a bude dávat větší smysl pro vaše zákazníky. [![Zobrazení ceny bez DPH na šabloně New York (předtím)](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AYEWP6JRKKG1WQY2ASJ70.png&w=449&h=328&q=80&f=webp)](https://blog-staging.golemops.ing/_emdash/api/media/file/01M35AYEWP6JRKKG1WQY2ASJ70.png) Předtím [![Zobrazení ceny bez DPH na šabloně New York (potom)](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AYEWEEFW819RQASAFG5VN.png&w=464&h=405&q=80&f=webp)](https://blog-staging.golemops.ing/_emdash/api/media/file/01M35AYEWEEFW819RQASAFG5VN.png) Nyní ## Proč jsme přistoupili k úpravě HTML kódu? Důvod je prostý. Ze strategických důvodů budoucího rozvoje šablon generace 4.0. Abychom mohli nabídnout dle návrhů našich spolupracovníků (zejména na poli UX a grafiky šablony) pro zákazníky co nejintuitivnější zobrazení ceny, museli jsme HTML kód upravit nyní a pro všechny šablony generace 4.0 (zatím pouze New York, již brzy Milano a další). Jinými zásahy jsme při původním kódu bohužel nemohli dosáhnout tohoto způsobu zobrazení ceny bez DPH. ## Upravovali jste si CSS v oblasti prodejní ceny? **POZOR na rozhozené zobrazení** Kdo prováděl vlastní zásahy do CSS na šabloně New York, měl by si zkontrolovat, zda se vše zobrazuje, jak má a případně si vše doupravil dle vlastních představ. Důvod? Mění se zanoření některých prvků v HTML kódu, v některých případech dokonce třídy prvků, a proto některé vlastní zápisy v CSS nemusí fungovat, nebo mohou být přebíjeny novými výchozími styly. ### Class předtím Před změnou byla cena bez DPH označena třídami c755 a c760, někdo používal také uvnitř zanořené classy c756 a c757. ### Class nyní Nyní má blok s cenou bez DPH označení c2010. ### Častý požadavek - Chci cenu bez DPH skrýt. Jak na to? Stačí vložit do vlastních CSS stylů šablony tento zápis **.c2010 {display:none;}** Vkládání vlastních CSS najdete ve své administraci v sekci Nastavení -\> Design webu -\> Editovat šablonu -\> Dole v sekci CSS rozjeďte pomocí Editovat CSS a na samostatný řádek vložte výše uvedený zápis. ## Kdo nemá vlastní úpravy CSS, nemělo by se ho rozhozené zobrazení týkat Samozřejmě jsme vynaložili co nejvyšší úsilí, aby se změna dotkla negativním způsobem co nejmenšího množství e-shopů. Upravili jsme proto CSS pro defaultní šablony, ale samozřejmě nemůžeme ovlivnit vlastní zápisy, které jste si do kódu učinili sami. ## Mění se také textový popis ceny bez DPH - zkontrolujte znění! Jak jste si možná všimli na úvodním obrázku, nová pozice ceny bez DPH ji umožní otextovat úspornějším způsobem. Z původního **Cena bez DPH: 1 500 Kč** se stává pouze **1 500 Kč bez DPH**. ![Zápis ceny bez DPH předtím - šablona New York - Eshop-rychle](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AYETYQV5QVBFMMTGWWHSM.png&w=267&h=35&q=80&f=webp) Předtím ![Zápis ceny bez DPH potom - šablona New York - Eshop-rychle](https://blog-staging.golemops.ing/_image?href=https%3A%2F%2Fblog-staging.golemops.ing%2F_emdash%2Fapi%2Fmedia%2Ffile%2F01M35AYEVYHHWBV07WVH82TKRB.png&w=150&h=33&q=80&f=webp) Nyní To ale může znamenat, že pokud jste si původní znění v našem překladači jazykových proměnných upravili na vlastní, nemusí nyní dávat tento text smysl. Raději vše překontrolujte a případně upravte. (Nastavení -\> Lokalizace -\> jazyková proměnná s názvem *price-without-vat*) ## Nevíte si s novými CSS rady? Napište našemu grafikovi Pokud si nebudete vědět s úpravou CSS rady, napište našemu grafikovi na [webdesign@eshop-rychle.cz](mailto:webdesign@eshop-rychle.cz) a rádi vám pomůžeme. Ve většině případů se pro nás bude jednat o drobné změny na pár minut, které si nebudeme účtovat.