Právě je 15 kvě 2021 00:57

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




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 13:58 
C4 zákazník

Registrován:
19 bře 2016 12: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 12:39 
Uživatelský avatar

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

_________________
M4 Vše v jednom SEO - snadný a na funkce bohatý SEO plugin
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 13:25 
C4 zákazník

Registrován:
19 bře 2016 12: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 11:33 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
7931
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 [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevní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