Právě je 16 led 2021 22:43

Všechny časy jsou v UTC + 1 hodina




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 4 ] 
Autor Zpráva
 Předmět příspěvku: PrestaShop - Změna barvy tlačítek
PříspěvekNapsal: 09 kvě 2016 12:58 
C4 zákazník

Registrován:
19 bře 2016 11:09
Příspěvky:
11
Dobrý den,

potřebuji poradit, kde a jak mohu změnit barvu tlačítek:

1) Objednávka: horní lišta zobrazující jednotlivé kroky objednávky 1-5 (změnit zelenou barvu) a také změnit zelenou barvu u tlačítka OBJEDNAT

2) Seznam produktů a Stránka konkrétního produktu: změnit modrou barvu tlačítka: PŘIDAT DO KOŠÍKU

3)Košík: změnit zelenou barvu tlačítka: K POKLADNĚ

Moc díky za radu.


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Změna barvy tlačítek
PříspěvekNapsal: 10 kvě 2016 11:39 
Uživatelský avatar

Registrován:
03 bře 2011 22:21
Příspěvky:
643
Jakou adresu má ten shop?

_________________
GDPR | EET | PDF rozšíření | Money S3 | Pohoda | Služby
https://www.presta-addons.com


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Změna barvy tlačítek
PříspěvekNapsal: 10 kvě 2016 12:25 
C4 zákazník

Registrován:
19 bře 2016 11:09
Příspěvky:
11
milky.cz


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Změna barvy tlačítek
PříspěvekNapsal: 11 kvě 2016 10:33 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 08:14
Příspěvky:
7815
Dobrý den,

změnu musíte provést v CSS stylech Vaší šablony, takže úprava vyžaduje minimálně znalost CSS stylů. Doporučuji použít vývojářský režim Vašeho internetového prohlížeče (příp. rozšíření Firebug pro prohlížeč Firefox), pomocí něj si jednoduše označíte část stránky (např. tlačítko) a zobrazí se Vám styly, které daný element používá, i s informací o jejich umístění (název souboru a číslo řádku). Změnu lze nejdříve otestovat přímo ve vývojářském režimu a až následně aplikovat do patřičného souboru na FTP serveru. Ale pokud budou stejné styly využívat i jiné části, které upravit nechcete, budete muset elementu přidat vlastní/nový styl a nadefinovat ho v CSS souboru. Takže například označením zelené části u jednotlivých kroků objednávky zjistíte, že element používá následující CSS styly v souboru themes/default-bootstrap/css/global.css:

Kód:
    ul.step li.step_current {
      font-weight: bold;
      background: #42b856;
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#42b856), to(#43ab54));
      background-image: -webkit-linear-gradient(top, #42b856, 0%, #43ab54, 100%);
      background-image: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%);
      background-image: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF42B856', endColorstr='#FF43AB54', GradientType=0);
      border-color: #399b49 #51ae5c #208931 #369946; }
      ul.step li.step_current span {
        color: #fff;
        text-shadow: 1px 1px #208931;
        border: 1px solid;
        border-color: #73ca77 #74c776 #74c175 #74c776;
        position: relative; }
        @media (min-width: 992px) {
          ul.step li.step_current span {
            padding-left: 38px; }
            ul.step li.step_current span:after {
              background: url(../img/order-step-a.png) right 0 no-repeat; } }

Takže si stačí upravit barvy a případně obrázek na požadovaný tvar.

Stejným způsobem postupujte i při editaci dalších částí. A po úpravě CSS stylů si nezapomeňte promazat cache Vašeho internetového prohlížeče, aby se změna projevila.

Pokud na podobné úpravy nemáte znalosti, můžete se obrátit na některého z našich partnerů (příp. vpravo blok PrestaShop partneři), který se aplikaci věnuje.

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 4 ] 

Všechny časy jsou v UTC + 1 hodina


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
PrestaShop partneři

Seznam všech partnerů

PrestaShop Hosting
Návody pro C4

© 2009-2021 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz