Cuprins
Pagina de întreținere a unui site este un aspect foarte important, deoarece există momente în care, din diverse motive (probleme ale furnizorilor, actualizarea codului sursă, intrarea în vigoare a noilor reglementări comerciale), în care trebuie să suspendăm momentan pagina noastră, totuși, ceea ce utilizatorul și potențialul client trebuie să reflecte tot profesionalismul persoanei din spatele acestuia.întreținere.css
Când intrați în modul întreținere în magazinul nostru online Prestashop, utilizatorii noștri vor vedea următoarele dacă utilizăm tema implicită:
Să vedem conținutul acestui fișier:
*, body {margin: 0; padding: 0} body {font-family: 90% / 1em 'Lucida Grande', Verdana, sans-serif} #maintenance {width: 450px; margine: 35px auto 0 auto; umplutură: 12px 0; fundal: #fff; text-align: centru; text-transform: none; font-weight: normal; spațierea literelor: 0; culoare: # C73178} #message {width: 450px; marginea de sus: 35 px; umplutură: 12px 15px; border-top: 1px punctat # 666; marginea de jos: 1px punctat # 666; fundal: # F9E3EE; text-align: justifica; font: 90% / 1em 'Lucida Grande', Verdana, sans-serif; text-transform: none; font-weight: normal; spațierea literelor: 0; culoare: # C73178} #message img {padding: 30px} Când evaluăm codul, ne dăm seama că avem 3 selectoare mari, care sunt cele care dau structura paginii noastre de întreținere, să vedem acum următoarea imagine pentru a putea localiza vizual fiecare selector:
maintenace.tpl
Fișierele CSS de Prestashop controlează fișierele .tpl ce sunt șabloanele Inteligent, utilizarea șabloanelor îmbunătățește și facilitează munca, pentru aceasta trebuie să cunoaștem șablonul întreținere.tpl Să vedem codul care îl înțelege:
{$ meta_title | escape: 'htmlall': 'UTF-8'} {if isset ($ meta_description)} {/ if} {if isset ($ meta_keywords)} {/ if}
{l s = 'În ***** pentru a efectua întreținerea site-ului, magazinul nostru online a fost dezactivat temporar. Ne cerem scuze pentru neplăceri și vă rugăm să încercați din nou mai târziu! '}
După cum vedem fiecare dintre selectorii CSS este prezent în acest fișier, astfel încât fiecare modificare pe care o facem va avea un efect asupra acestei secțiuni.
De exemplu, în secțiunea de mesaje:
Îl putem schimba în următoarele:
Apoi putem modifica fișierul CSS cu următoarele:
#maintenance {width: 750px; margine: 35px auto 0 auto; umplutură: 12px 0; fundal: #fefefe; text-align: centru; text-transform: none; font-weight: bold; spațierea literelor: 0; culoare: # 3FCA66} #message {width: 450px; marginea de sus: 35 px; umplutură: 12px 15px; border-top: 1px punctat # 666; marginea de jos: 1px punctat # 666; fundal: # 2EE6F3; text-align: justifica; font: 90% / 1em 'Lucida Grande', Verdana, sans-serif; text-transform: none; font-weight: normal; spațierea literelor: 0; culoare: # 000} #message img {padding: 10px} Cu aceste mici modificări pe care le evidențiem cu caractere aldine, adăugate la modificările făcute în șablonul .tpl, putem realiza ceva similar cu următoarea imagine:
Prin aceasta terminăm tutorialul și prin aceasta obținem cunoștințele despre cum să ne modificăm pagina de întreținere și cu care clienții noștri vor ști că atunci când nu suntem în aer, calitatea noastră va fi aceeași.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
