Astăzi vom lua în considerare o altă variantă de lucru cu acest tip de meniu. După cum știți, mai ales cei care se angajează în aspect, deseori designul prevede selectarea elementului de meniu activ, dar pentru a realiza în practică această soluție nu a fost foarte ușoară.
Primul lucru la care recurg noii veniți și aceasta este probabil una dintre cele mai frecvente concepții greșite este utilizarea de pseudo-clase. De câte ori puteți vedea subiectele de pe forum, ați înregistrat o clasă pentru meniu, de exemplu:
dar într-un fel nu funcționează. Nu va funcționa, deoarece această pseudo-clasă este folosită în alte scopuri.
Asigurați-vă că clasa este atribuită elementului de meniu activ.
De fapt, puteți utiliza un script care va fi legat de meniul id.
Pentru a îndeplini această sarcină, trebuie să fișier - /catalog/view/theme/default/template/common/header.tpl, înainte de eticheta de închidere. adăugați următorul cod:
Acordați o atenție specială parametrului #menu în linia a patra, dacă aveți altă valoare, asigurați-vă că îl schimbați, altfel nimic nu va funcționa. După lucrul efectuat la ieșire, veți primi un meniu ale cărui elemente active vor fi primite de către clasa activeCSS. Puteți adăuga următorul cod în fișierul - / catalog / view / theme / default / stylesheet / stylesheet.css:
pentru ca schimbările să fie vizibile pe față.
Astăzi, toți, abonați-vă la știrile din blogul meu, în fața noastră există multe lucruri interesante. Voi încărca în mod constant diferite cipuri utile pentru a crea atât proiecte comerciale, cât și proiecte de informare pe internet. Până la conectare.
Vlad, ai un caz diferit, așa cum este descris în articol. În prezent nu sunt implicat în editarea site-urilor altor persoane. Aveți un script instalat (probabil a venit cu un șablon), trebuie să vă uitați, poate că este utilizat pe scară largă de alți utilizatori și dacă este un produs în masă, mai degrabă decât auto-scris, puteți găsi parametrii care se conectează la acesta. Poate că în acest fel vă puteți rezolva problema.
Trimiteți-le prietenilor: