Șabloane pentru 1C Bitrix. Proiecte. Ce fișiere sunt necesare pentru a crea un șablon?

14.05.2020 Siguranță

Cum să instalați?

Selectarea unei soluții Pentru a instala soluția gata făcută pe care ați ales-o, trebuie să descărcați și să instalați produsul ediției în care este inclusă această soluție. Puteți încerca mai târziu alte soluții gata făcute incluse în această ediție, lansând expertul „Testați o nouă soluție” din Panoul de control al site-ului dumneavoastră. Testați o soluție nouă Puteți testa orice soluție gata făcută în doar câteva clicuri:
  • rulați vrăjitorul special de testare direct din Panoul de control
  • selectați soluția gata pregătită necesară
  • parcurgeți toți pașii vrăjitorului


Testați o nouă soluție


Vă rugăm să rețineți că toate soluțiile pe care le-ați testat vor fi disponibile din meniul aceluiași buton „Testează soluția nouă”. Trebuie doar să selectați una dintre următoarele din listă solutii stabilite pentru a merge la site-ul terminat. În plus, puteți rula vrăjitorul pentru modificarea designului și setărilor site-ului curent din Panoul de control și modificați, de exemplu, un șablon sau schema de culori. Selectarea unei soluții gata făcute din programul de instalare a produsului Puteți selecta una dintre soluțiile disponibile în ediția la alegere imediat când instalați produsul 1C-Bitrix: Site Management.



Soluții gata„1C-Bitrix”


Instalatorul de produs oferă posibilitatea de a alege unul dintre șabloanele standard gata făcute: un magazin online, un portal de informații, un site web al companiei (două opțiuni: pentru o companie care vinde bunuri și o companie care furnizează servicii), un site web personal și un site web comunitar. .




Alegerea nu se termină aici, deoarece există mai multe opțiuni de design pentru fiecare tip de site.




Și, la rândul său, fiecare design există în diferite combinații de culori - aceasta este și alegerea ta. De exemplu, pentru un site web personal poți alege una dintre cele 4 opțiuni de design și îl poți „colora” în culorile tale preferate.




Alegând un șablon prestabilit, obțineți un site web cât mai aproape de realitate, nu doar ca design, ci și ca conținut și, în același timp, corespunde subiectului pe care l-ați ales. În plus, puteți crea două proiecte complet diferite - cu șabloane și designuri diferite, deoarece fiecare copie a programului vă permite să faceți acest lucru în conformitate cu politica de licențiere 1C-Bitrix.

Șablonul definește aspectul elemente functionale, afișarea paginii și stilul artistic. Generalul aspect site-ul.

De obicei, este utilizat un singur aspect pentru toate paginile, dar 1C Bitrix vă permite să utilizați simultan mai multe opțiuni de design.

Folosind instrumente încorporate pe care le puteți seta șabloane personalizate pentru toate secțiunile și chiar paginile. De asemenea, puteți seta diferite condiții pentru afișarea unui anumit circuit. Setările se fac prin panoul de administrare.

Șabloanele de pagină sunt stocate în folderul „șabloane” cu același nume. ÎN editor vizual Pur și simplu selectați opțiunea dorită din listă și completați-o cu datele necesare. O caracteristică a modelării este separarea logicii de prezentare.

Cine are nevoie de șabloane și de ce?

Sistemul Bitrix vă permite să creați și să utilizați șabloane prefabricate, aplicându-le în spațiile de lucru.

Aceasta este o soluție practică și eficientă atunci când lucrați cu pagini multicomponente cu o structură complexă, de exemplu atunci când lucrați cu un magazin online sau un portal de știri.

Avantajele unui șablon selectat corect:

  • Prima impresie. Designul site-ului web clarifică în ce este specializată compania și creează o impresie favorabilă.
  • Memorabilitatea. Site-ul este asociat cu o anumită companie și rămâne recunoscut.
  • Integritate. Șablonul trebuie notat până la cel mai mic detaliu, prezentând o imagine armonioasă.
  • Funcționalitate. Atractivitatea este combinată cu utilitatea și caracterul practic.
Crearea independentă a unui șablon pentru 1C Bitrix

Structura șablonului 1C Bitrix este o colecție de fișiere și foldere. Directorul principal conține descrierea și Informații generale pentru secția administrativă. Uneori, acolo sunt atribuite și unele funcții suplimentare.

Zona de lucru a șablonului este folosită pentru a plasa conținutul principal, iar nevoia de divizare se datorează structurii. Este desemnat ca work_area și este scris în forma de editare, acționând ca un separator de spațiu.

Secțiunile principale ale site-ului sunt, de asemenea, prezentate sub formă de directoare corespunzătoare. Baza șablonului 1C Bitrix este fișierele antet și subsol. Acestea conțin cod, extensii de apel, CSS și alte funcții.

Conținutul dinamic este inclus în șablonul cu directive Bitrix Framework. Aici puteți seta inserții PHP care apelează componente Bitrix speciale.

În primul rând, sunt setate titlul, pictogramele, foile de stil în cascadă, etichetele și alți parametri de bază. După aceasta, este necesar să se stabilească locația părții administrative. Este mai bine să plasați toate imaginile de lucru într-un folder specific.

Lista numerotată cu un meniu este înlocuită prin apelarea componentei Bitrix pentru a crea și edita elemente. Majoritatea celorlalte elemente standard sunt create și ca componente.

Pentru a plasa extensia necesară, codul de apelare este introdus într-un loc preselectat de pe pagină. Inițial, se află în documentația utilizatorului sau în fila editorului vizual.

Un alt aspect important sunt fișierele CSS ale șablonului. Inițial sunt trei dintre ele: cel principal și două auxiliare pentru proiectarea conținutului. Dar această distincție este foarte arbitrară, deoarece toate elementele sunt strâns legate între ele.

Cum se instalează un șablon?

Instalarea șablonului finit se realizează conform următoarei scheme:

  • În secțiunea de șabloane a panoului de administrare, trebuie să selectați butonul „adăugați”;
  • Formularul de creare este standard: precizează ID, titlul și descrierea;
  • Când lucrați cu html, este important să separați clar elementele legate de design și conținut;
  • Directiva work_area este inserată în câmpul de editare, unde este copiat șablonul;
  • Dacă aveți CSS, trebuie să mergeți la fila stiluri, unde este inserat codul;
  • Puteți salva rezultatul și evalua munca rezultată.
  • Partea finală este indicarea tuturor variabilelor Bitrix care sunt scrise în fișierul antet. Este important să vă amintiți să editați căile în CSS și să salvați rezultatele intermediare. După aceasta, puteți aplica șablonul pe site selectându-l din lista corespunzătoare din setările produsului.

    concluzii

    Șabloanele 1C Bitrix sunt destul de practice și funcționale. Utilizarea lor va simplifica și accelera semnificativ dezvoltarea proiectului. Puteți achiziționa șabloane gata făcute de pe site-ul companiei.

    Magazinul online Plitka.ua vinde gresie si obiecte sanitare din 1999. Proiectul este conceput pentru a oferi informațiile necesare și sprijinul practic Clienților și persoanelor pentru care această problemă este interesantă și relevantă. Pe paginile site-ului, puteți găsi articole de actualitate despre complexitățile producției, alegerea plăcilor de calitate, știri despre design și tehnici de instalare! Serviciul de filtrare și selecție a produselor implementat în proiect face posibilă selectarea rapidă a unui produs din colecție. Pe resursa de internet, clientul parcurge întregul ciclu de achiziție de gresie și obiecte sanitare împreună cu consultanți:
    - Vanzari si consultanta la achizitionarea faianta si obiecte sanitare.
    - Asistenta in alegerea materialelor aferente, care pot fi comandate si de la noi.
    - Livrarea bunurilor.
    - Consultarea designerilor și dezvoltarea designului camerei individuale.
    - Pozarea gresie sau montaj instalatii sanitare de catre specialisti calificati.

    Designul unic de marcă, fotografiile de înaltă calitate și descrierile detaliate ale produselor fac posibilă distingerea calitativă a acestei resurse de alte magazine online de materiale de finisare.

    Povesti de succes


    Fondul de pensii non-statale pentru industria energiei electrice a fost fondat în 1994 și este unul dintre primele 10 fonduri de pensii nestatale din Rusia. În 2010 să lucrez cu clienti corporativi La solicitarea Fondului de Non-Ficțiune pentru Industria Energiei Electrice, AREALIDEA a dezvoltat un sistem CRM la cheie. Patru ani mai târziu, acest lucru nu a fost suficient.
    Tyumen TSUM este un complex comercial din centrul orașului, cu o suprafață de 35.600 mp. m. (GBA) cu un trafic de clienți de 5 milioane de persoane pe an. Inchiriere si afacere proprie. Gama de produse: 250.000 SKU.
    „Total Dictation” este un proiect educațional care vă ajută să vă testați cunoștințele de limba rusă.
    Noul site ar fi trebuit să devină o resursă convenabilă de unde puteți obține ușor și rapid informații despre proiectele United Metallurgical Company. Pentru implementarea proiectului a fost aleasă alianța AIC+QSOFT. Dezvoltatorii au sfătuit să facă un site web pe 1C-Bitrix CMS - aveau deja proiecte în portofoliu pentru companii mari, creat pe această platformă.
    Cum să puneți producția automată pe un transportor baloane cu un design personal și să evite erorile umane? Managerii lanțului de magazine Veselaya Zateya au încredințat acest proces cheie de afaceri sistemului de management al site-ului web 1C-Bitrix și dezvoltatorilor de la ANIART. După o reconstrucție completă, noul magazin online a început să aducă peste 100 de comenzi pe zi, ceea ce a depășit toate așteptările.
    În ultimii ani, tema unui stil de viață sănătos a fost din ce în ce mai ridicată în mass-media și este susținută activ în sectorul corporativ. Oamenii încep să acorde preferință alimentelor naturale, să facă mișcare și să bea apă purificată. Un rol important în acest sens l-a jucat compania ucraineană Ecosoft, care a dezvoltat zeci de soluții alternative pentru sistemele de purificare a apei și le furnizează în 46 de țări din întreaga lume. Au reușit să plaseze pe o singură platformă online întregul catalog de produse, o hartă a calității apei, documentație detaliată pentru toate soluțiile, carduri unice de produse cu cazuri clienți, asistență online și lansarea vânzărilor B2B cu drepturi depline.
    În decembrie 2015, conducerea Ivashka a decis să creeze un singur site web pentru toate filialele, cu sistem comun contabilitate și analiză și un design unificat și conectați-l cu sistemul de management al întreprinderii. Dezvoltarea noului site web a fost întreprinsă de studioul Uberweb.ru. Au făcut-o pentru companie Versiuni anterioare site-ul. Nu exista nicio îndoială cu privire la alegerea CMS. Dezvoltatorii au mai folosit 1C-Bitrix, dar de data aceasta au ales Versiunea Enterprise– avea mai multe funcții importante pentru întreprinderile mari.
    În ultimii opt ani, site-ul nostru rulează pe un CMS învechit fără suport. Încărcare lentă pagini de site, lipsa versiune mobila, probleme ale angajaților de linie (nu dezvoltatorilor) cu interacțiunea cu CMS - toate acestea au limitat potențialul companiei noastre. Am decis ca site-ul liderului de piata trebuie sa indeplineasca toate cerintele moderne care i se aplica ca motoare de căutare, precum și utilizatori — angajați și clienți.
    Resursa a fost însărcinată cu difuzarea eficientă a informațiilor despre companie și despre produse. A fost necesar să vorbim convingător și emoțional despre dezvoltator. Arată istoria, experiența, reputația de afaceri a mărcii. De asemenea, a fost important să se prezinte eficient proiectele aflate în construcție: să furnizeze informații complete și să atenueze preocupările cumpărătorilor.
    Unul dintre pionierii vânzărilor online de produse Apple în Rusia a fost magazinul specializat re:Store. De-a lungul anilor, compania a consolidat mai multe dintre aceste site-uri, iar veniturile sale din vânzările online cresc într-un ritm astronomic. Motivul succesului lor este platforma tehnologică, care a reușit să unească magazinele online de natură foarte diferită într-un singur întreg.
    Magazin universal din Kiev " Lumea copiilor» a crescut pentru a deveni cea mai mare platformă de tranzacționare pentru magazinele pentru copii din Ucraina și nu se va opri. Dar pe parcursul a 6 ani, proiectul online planificat s-a transformat dintr-un site funcțional într-o resursă de modă veche care nu mai atrage clienții. După ce a reconsiderat posibilitățile de afaceri online, compania a relansat magazinul online pe o nouă platformă și și-a mărit traficul de 11 ori.
    Într-o lume în schimbare rapidă, fiecare minut este prețios. Dar cum să-l umplem cu emoții pozitive? Proprietarii magazinului online KANNI au găsit răspunsul în crearea și vânzarea de perne decorative realizate manual. Ele transmit căldura mâinilor și a sufletului maeștrilor care le creează. Un astfel de cadou capata o valoare deosebita si trezeste amintiri calde de fiecare data cand iti atinge mana sau iti cade privirea.
    Land Rover este un brand de mașini legendar cu care Landstore lucrează de mulți ani. Ei nu numai că știu multe despre repararea și întreținerea acestor mașini, dar sunt și implicați activ în vânzarea de piese auto originale pentru toate modelele începând cu 1995. Proprietarii Land Rover știu să prețuiască calitatea produselor și serviciilor. Prin urmare, compania încearcă întotdeauna să aibă grijă de clienții săi și dorește să ofere cel mai convenabil și de înaltă calitate serviciu online atât utilizatorilor individuali, cât și companiilor partenere angro.
    „Petreceți un weekend departe de agitația orașului și a civilizației, într-un loc curat din punct de vedere ecologic, înconjurat de Munții Carpați și bucurați-vă de natură.” Exact așa sună una dintre cele mai populare dorințe ale fiecărui al doilea rezident al orașului. Și îmi doresc foarte mult ca cineva să se ocupe de toată bătaia de cap a rezervării, lăsând doar senzația unei vacanțe bune. Cu ajutorul unui nou site web, hotelul de munte „Karpatski Polonyny” a realizat acest vis și a început să-l vândă clienților săi. După ce s-a mutat la noua platforma traficul mobil a crescut cu 48%.
    Pentru a obține un profit semnificativ, nu este deloc necesar să cheltuiți bani pe semne, vitrine și mulțimi de personal de service. Magazinul online de articole pentru copii Esky de pe platforma 1C-Bitrix poate concura cu rețelele offline. Acest lucru a devenit posibil după optimizarea funcționării depozitului și a serviciului de livrare. În șapte ani, proiectul a ajuns la nivel federal. A luat o parte semnificativă a clienților din afacerea cu mai multe canale și nu a cheltuit nici măcar o rublă pentru organizarea propriei rețele fizice.
    Unul dintre cele mai de succes segmente pentru vânzările online este pantofii. Grupul de companii Obuv Rossii a gândit un concept detaliat pentru dezvoltarea afacerilor pe Internet și și-a lansat unul câte unul câteva dintre mărcile sale pe Internet. Eforturile nu au fost în zadar, site-ul magazinului online de pe platforma 1C-Bitrix este vizitat lunar de peste 100 de mii de oameni.

    În acest articol, vom analiza toate caracteristicile creării unui șablon pentru Bitrix de la zero. Nu contează dacă ai un aspect gata făcut sau ești doar un perfecționist care doar l-a lăsat să scrie singur ceva fără intermediari :)

    Ce fișiere sunt necesare pentru a crea un șablon?

    Aspectul site-ului dvs. (sau prezentarea site-ului) este întotdeauna stocat într-un folder separat. În 1C-Bitrix, calea către șablon se află prin folderul bitrix, care conține un folder de șabloane și conține deja o listă cu toate șabloanele noastre.

    Calea către șabloane: /bitrix/templates/

    Puteți crea un șablon în 3 moduri:

  • poate fi copiat șablon gata făcutși pe baza ei, schimbați-l pentru a vă potrivi
  • puteți crea un șablon gol prin panoul de administrare
  • puteți crea un folder gol și îl umpleți treptat cu fișiere și foldere
  • După cum înțelegeți, a treia opțiune este cea mai hardcore :) Să mergem la panoul de administrare, Administrare > Setări > Setări produs > Site-uri > Șabloane de site-uri > Adăugați șablon.
    link privind site-ul: /bitrix/admin/template_admin.php?lang=ru

    ID-ul șablonului este în esență numele folderului în care va fi localizat, îl voi numi dezvoltare . Completați restul câmpurilor cât mai convenabil posibil; nu sunt foarte importante în acest moment. Adăugați următorul cod la codul șablonului:

    #ZONA DE LUCRU#

    — scriem această linie astfel încât fișierul să nu poată fi apelat direct din browser și să nu înceapă să se execute;
    — arată titlul curent al paginii;
    — afișați cuvintele cheie, descrierea și toate scripturile;
    — afișați panoul pentru administratori.

    După salvarea șablonului, fișierul meu description.php arată astfel:

    Grozav, ar trebui să ne rămână 5 fișiere în rădăcină, restul ar trebui să fie acest moment nu vom folosi:

    • description.php,
    • header.php,
    • footer.php,
    • styles.css,
    • template_styles.css

    Partea de cod care este înainte de #WORK_AREA# este în cele din urmă scrisă în header.php. Ghici care parte este scrisă în footer.php :) (cea de după ea). Zona de lucru în sine este continut dinamic(nu este întotdeauna atât de dinamic), care se află, de exemplu, în folderul /contacts/ sau /about/ din fișierul index.php. Fișierul în sine începe de obicei cu includerea antetului și se termină cu includerea subsolului:

    Text hir

    Până acum, totul pare logic.

    Foldere 1C-Bitrix și structura noului șablon

    Există mai multe recomandări în documentație care personal nu prea îmi plac. În primul rând, le place să numească folderul imagini imagini în loc de img abreviat. Și, desigur, înțeleg totul, dar când scrii stiluri, oricum trebuie să te referi la imagini, de ce să scrii de 2 ori mai mult? :) În al doilea rând, a existat o recomandare de a stoca zonele incluse în folderul include_areas - de ce nu creați inc? În al treilea rând, de ce avem nevoie de 2 fișiere cu stiluri? Dacă vreau să pun totul într-un fișier separat și să-l conectez mai târziu după cum este necesar, atunci aceste stiluri vor fi stocate fie în șablonul de componentă, fie în folderul css al șablonului.

    Pentru a rezuma, nostru structura corectașablon:

    Include_areas imagini componente js

    A fi puțin rebel:

    Inc img componente js

    În principiu, nimeni nu te limitează, acestea sunt doar recomandări.

    Și acum ajungem fără probleme la prima problemă - hardcode. Hardcode este atunci când în loc de valori dinamice, de exemplu Numele domeniului, utilizare introducerea textului. Majoritatea dezvoltatorilor începători nu știu despre constanta SITE_ TEMPLATE_PATH, care stochează calea către șablonul curent ca valoare - în cazul nostru este /bitrix/templates/development (fără bara oblică finală, vă rugăm să rețineți). Și, prin urmare, atunci când includeți scripturile sau zonele incluse, pentru folder trebuie să scrieți: