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.