Predlošci za 1C Bitrix. Projekti. Koje su datoteke potrebne za izradu predloška?

14.05.2020 Sigurnost

Kako instalirati?

Odabir rješenja Da biste instalirali gotovo rješenje koje ste odabrali, trebate preuzeti i instalirati proizvod izdanja u kojem je ovo rješenje uključeno. Kasnije možete isprobati druga gotova rješenja uključena u ovo izdanje pokretanjem čarobnjaka "Testiraj novo rješenje" s upravljačke ploče svoje stranice. Testirajte novo rješenje Svako već gotovo rješenje možete testirati u samo nekoliko klikova:
  • pokrenite posebnog čarobnjaka za testiranje izravno s upravljačke ploče
  • odaberite potrebno gotovo rješenje
  • proći kroz sve korake čarobnjaka


Testirajte novo rješenje


Imajte na umu da će sva rješenja koja ste testirali biti dostupna iz izbornika istog gumba "Testiraj novo rješenje". Samo trebate odabrati jedno od sljedećeg s popisa utvrđena rješenja otići na gotovu stranicu. Osim toga, možete pokrenuti čarobnjaka za promjenu dizajna i postavki trenutne stranice s upravljačke ploče i promijeniti, recimo, predložak ili Shema boja. Odabir gotovog rješenja iz programa za instalaciju proizvoda Možete odmah odabrati jedno od dostupnih rješenja u izdanju po vašem izboru prilikom instalacije proizvoda 1C-Bitrix: Upravljanje web-stranicom.



Gotova rješenja"1C-Bitrix"


Instalater proizvoda nudi izbor jednog od gotovih standardnih predložaka: internetska trgovina, informacijski portal, web stranica tvrtke (dvije opcije: za tvrtku koja prodaje robu i tvrtku koja pruža usluge), osobna web stranica i web stranica zajednice .




Izbor tu ne završava, jer postoji nekoliko opcija dizajna za svaku vrstu stranice.




I zauzvrat, svaki dizajn postoji u različitim kombinacijama boja - to je također vaš izbor. Na primjer, za osobnu web stranicu možete odabrati jednu od 4 mogućnosti dizajna i "obojiti" je u svoje omiljene boje.




Odabirom unaprijed postavljenog predloška dobivate web stranicu koja je što bliža stvarnosti, ne samo dizajnom, već i sadržajem, au isto vrijeme odgovara temi koju ste odabrali. Štoviše, možete stvoriti dva potpuno različita projekta - s različitim predlošcima i dizajnom, budući da vam svaka kopija programa to omogućuje u skladu s politikom licenciranja 1C-Bitrix.

Predložak definira izgled funkcionalni elementi, prikaz stranice i umjetnički stil. Općenito izgled mjesto.

Obično se jedan izgled koristi za sve stranice, ali 1C Bitrix omogućuje vam da istovremeno koristite nekoliko opcija dizajna.

Pomoću ugrađenih alata možete postaviti prilagođeni predlošci za sve odjeljke pa čak i stranice. Također možete postaviti različite uvjete za prikaz određenog kruga. Postavke se vrše putem administratorske ploče.

Predlošci stranica pohranjeni su u istoimenoj mapi "templates". U vizualni urednik Jednostavno odaberite traženu opciju s popisa i dopunite je potrebnim podacima. Značajka šablona je odvajanje logike od prezentacije.

Kome trebaju predlošci i zašto?

Sustav Bitrix omogućuje vam stvaranje i korištenje unaprijed izrađenih predložaka, njihovu primjenu na radne površine.

Ovo je praktično i učinkovito rješenje kada radite s višekomponentnim stranicama sa složenom strukturom, na primjer kada radite s internetskom trgovinom ili portalom s vijestima.

Prednosti ispravno odabranog predloška:

  • Prvi dojam. Dizajn web stranice daje do znanja za što je tvrtka specijalizirana i ostavlja povoljan dojam.
  • Memorabilnost. Stranica je povezana s određenom tvrtkom i ostaje prepoznatljiva.
  • Integritet. Predložak mora biti napisan do najsitnijih detalja, predstavljajući skladnu sliku.
  • Funkcionalnost. Atraktivnost se kombinira s upotrebljivošću i praktičnošću.
Samostalna izrada predloška za 1C Bitrix

Struktura predloška 1C Bitrix je zbirka datoteka i mapa. Glavni imenik sadrži opis i opće informacije za upravni dio. Ponekad se tamo dodjeljuju i neke dodatne funkcije.

Radno područje predloška služi za postavljanje glavnog sadržaja, a potreba za podjelom je zbog strukture. Označava se kao work_area i piše se u obrascu za uređivanje, djelujući kao razdjelnik razmaka.

Glavni dijelovi stranice također su predstavljeni u obliku odgovarajućih imenika. Osnova predloška 1C Bitrix su datoteke zaglavlja i podnožja. Sadrže kod, proširenja poziva, CSS i druge funkcije.

Dinamički sadržaj uključen je u predložak s direktivama Bitrix Framework. Ovdje možete postaviti PHP umetke koji pozivaju posebne Bitrix komponente.

Prvo se postavljaju naslov, ikone, kaskadni listovi stilova, oznake i drugi osnovni parametri. Nakon toga potrebno je odrediti mjesto upravnog dijela. Bolje je smjestiti sve radne slike u jednu određenu mapu.

Numerirani popis s izbornikom zamjenjuje se pozivanjem Bitrix komponente za stvaranje i uređivanje stavki. Većina ostalih standardnih elemenata također se stvaraju kao komponente.

Za postavljanje tražene ekstenzije, kod za njeno pozivanje umetne se na unaprijed odabrano mjesto na stranici. U početku se nalazi u korisničkoj dokumentaciji ili na kartici vizualnog uređivača.

Drugi važan aspekt su CSS datoteke predloška. U početku postoje tri: glavni i dva pomoćna za oblikovanje sadržaja. Ali ta je razlika vrlo proizvoljna, jer su svi elementi usko međusobno povezani.

Kako instalirati predložak?

Instalacija gotovog predloška provodi se prema sljedećoj shemi:

  • U odjeljku s predlošcima na administrativnoj ploči morate odabrati gumb "dodaj";
  • Obrazac za izradu je standardan: specificira ID, naslov i opis;
  • Kod rada s html-om važno je jasno razdvojiti elemente vezane uz dizajn i sadržaj;
  • Direktiva work_area umetnuta je u polje za uređivanje, gdje se predložak kopira;
  • Ako imate CSS, morate otići na karticu stilova, gdje se umeće kod;
  • Možete spremiti rezultat i ocijeniti rezultat rada.
  • Završni dio je indikacija svih Bitrix varijabli koje su zapisane u datoteci zaglavlja. Važno je zapamtiti da uredite staze u CSS-u i spremite međurezultate. Nakon toga možete primijeniti predložak na web mjesto tako da ga odaberete s odgovarajućeg popisa u postavkama proizvoda.

    zaključke

    Predlošci 1C Bitrix prilično su praktični i funkcionalni. Njihova uporaba značajno će pojednostaviti i ubrzati razvoj projekta. Možete kupiti gotove predloške na web stranici tvrtke.

    Internet trgovina Plitka.ua bavi se prodajom pločica i sanitarija od 1999. godine. Projekt je osmišljen kako bi pružio potrebne informacije i praktičnu podršku Klijentima i osobama kojima je ova problematika zanimljiva i relevantna. Na stranicama web mjesta možete pronaći tematske članke o zamršenosti proizvodnje, odabiru kvalitetnih pločica, novostima o dizajnu i tehnikama ugradnje! Usluga filtriranja i odabira proizvoda implementirana u projektu omogućuje brz odabir proizvoda iz kolekcije. Na internetskom resursu klijent prolazi kroz cijeli ciklus kupnje pločica i sanitarne opreme zajedno sa konzultantima:
    - Prodaja i savjetovanje pri kupnji pločica i sanitarija.
    - Pomoć pri odabiru pratećih materijala, koji se također mogu naručiti kod nas.
    - Isporuka robe.
    - Savjetovanje dizajnera i izrada individualnog dizajna prostorija.
    - Postavljanje pločica ili ugradnja vodovoda od strane kvalificiranih stručnjaka.

    Jedinstveni brendirani dizajn, visokokvalitetne fotografije i detaljni opisi proizvoda omogućuju kvalitativno razlikovanje ovog resursa od ostalih internetskih trgovina završnih materijala.

    Uspješne priče


    Nedržavni mirovinski fond za elektroprivredu osnovan je 1994. godine i jedan je od 10 vodećih nedržavnih mirovinskih fondova u Rusiji. U 2010. raditi sa korporativni klijenti AREALIDEA je na zahtjev Fonda za publicistiku elektroprivrede razvila CRM sustav po principu "ključ u ruke". Četiri godine kasnije to nije bilo dovoljno.
    Tyumen TSUM je trgovački kompleks u središtu grada s površinom od 35.600 četvornih metara. m. (GBA) s prometom kupaca od 5 milijuna ljudi godišnje. Najam i vlastiti posao. Raspon proizvoda: 250.000 SKU.
    “Totalni diktat” je obrazovni projekt koji pomaže provjeriti vaše znanje ruskog jezika.
    Nova web stranica trebala je postati prikladan izvor na kojem se lako i brzo možete informirati o projektima United Metallurgical Company. Za provedbu projekta odabrana je alijansa AIC+QSOFT. Programeri su savjetovali izradu web stranice na 1C-Bitrix CMS - već su imali projekte u svom portfelju za velike tvrtke, stvoren na ovoj platformi.
    Kako automatsku proizvodnju postaviti na pokretnu traku baloni s osobnim dizajnom i izbjeći ljudske pogreške? Voditelji lanca trgovina Veselaya Zateya povjerili su ovaj ključni poslovni proces sustavu za upravljanje web stranicama 1C-Bitrix i programerima iz ANIART-a. Nakon potpune rekonstrukcije, nova online trgovina počela je donositi više od 100 narudžbi dnevno, što je premašilo sva očekivanja.
    Posljednjih godina tema zdravog načina života sve se više pomiče u medijima i aktivno se podupire u korporativnom sektoru. Ljudi počinju davati prednost prirodnoj hrani, vježbati i piti pročišćenu vodu. Važnu ulogu u tome odigrala je ukrajinska tvrtka Ecosoft, koja je razvila desetke alternativnih rješenja za sustave za pročišćavanje vode i isporučuje ih u 46 zemalja svijeta. Uspjeli su na jednu online platformu postaviti cijeli katalog proizvoda, kartu kvalitete vode, detaljnu dokumentaciju za sva rješenja, jedinstvene kartice proizvoda sa slučajevima kupaca, online podršku i pokrenuti potpunu B2B prodaju.
    U prosincu 2015. uprava Ivashke odlučila je izraditi jedinstvenu web stranicu za sve podružnice, s zajednički sustav računovodstva i analitike i jedinstvenog dizajna te ga povezati sa sustavom upravljanja poduzećem. Razvoj nove web stranice preuzeo je studio Uberweb.ru. Učinili su to za tvrtku prethodne verzije mjesto. Nije bilo dvojbe oko odabira CMS-a. Programeri su prije koristili 1C-Bitrix, ali ovaj put su odabrali Enterprise verzija– imao je više funkcija koje su bile važne velikim tvrtkama.
    Posljednjih osam godina naša je web stranica radila na zastarjelom CMS-u bez podrške. Sporo učitavanje stranice web mjesta, nedostatak mobilna verzija, problemi linijskih zaposlenika (ne programera) s interakcijom s CMS-om - sve je to ograničilo potencijal naše tvrtke. Odlučili smo da web stranica tržišnog lidera mora zadovoljiti sve suvremene zahtjeve koji se na nju odnose kao tražilice, kao i korisnici — zaposlenici i klijenti.
    Resurs je imao zadatak učinkovitog emitiranja informacija o tvrtki i proizvodima. Trebalo je uvjerljivo i emotivno govoriti o programeru. Pokažite povijest, iskustvo, poslovni ugled marke. Također je bilo važno učinkovito predstaviti projekte u izgradnji: pružiti opsežne informacije i otkloniti zabrinutosti kupaca.
    Jedan od pionira online prodaje Appleovih proizvoda u Rusiji bila je specijalizirana trgovina re:Store. Tijekom godina tvrtka je konsolidirala nekoliko ovih stranica, a njeni prihodi od online prodaje rastu astronomskom brzinom. Razlog njihovog uspjeha je tehnološka platforma koja je uspjela ujediniti online trgovine koje su po prirodi bile vrlo različite u jedinstvenu cjelinu.
    Kijevska robna kuća " Dječji svijet» je izrastao u najveću trgovačku platformu za dječje trgovine u Ukrajini i neće stati. No tijekom 6 godina planirani online projekt pretvorio se iz funkcionalne web stranice u staromodan resurs koji više nije privlačio klijente. Nakon preispitivanja mogućnosti online poslovanja, tvrtka je ponovno pokrenula online trgovinu na novoj platformi i povećala promet za 11 puta.
    U svijetu koji se brzo mijenja svaka minuta je dragocjena. Ali kako ga ispuniti pozitivnim emocijama? Vlasnici online trgovine KAANNI odgovor su pronašli u izradi i prodaji ručno rađenih ukrasnih jastuka. Prenose toplinu ruku i duše majstora koji ih stvaraju. Takav dar dobiva posebnu vrijednost i budi tople uspomene svaki put kad vam se ruka dotakne ili pogled padne.
    Land Rover je legendarna marka automobila s kojom Landstore surađuje već dugi niz godina. Oni ne samo da znaju puno o popravcima i servisiranju ovih automobila, već su i aktivno uključeni u prodaju originalnih auto dijelova za sve modele od 1995. godine. Vlasnici Land Rovera znaju cijeniti kvalitetu proizvoda i usluga. Stoga se tvrtka uvijek trudi brinuti o svojim klijentima i želi ponuditi najprikladniju i najkvalitetniju online uslugu kako pojedinačnim korisnicima tako i veleprodajnim partnerskim tvrtkama.
    “Provedite vikend daleko od gradske vreve i civilizacije, na ekološki čistom mjestu okruženom Karpatima i uživajte u prirodi.” Upravo tako zvuči jedna od najpopularnijih želja svakog drugog stanovnika grada. I stvarno želim da se netko pobrine za svu gnjavažu oko rezervacije, ostavljajući samo osjećaj dobrog odmora. Uz pomoć nove web stranice, planinski hotel “Karpatski Polonyny” ostvario je ovaj san i počeo ga prodavati svojim klijentima. Nakon preseljenja u nova platforma mobilni promet porastao je za 48%.
    Da biste ostvarili značajan profit, uopće nije potrebno trošiti novac na znakove, izloge i gomilu uslužnog osoblja. Internetska trgovina dječje robe Esky na platformi 1C-Bitrix može se natjecati s offline mrežama. To je postalo moguće nakon optimizacije rada skladišta i dostavne službe. U sedam godina projekt je dosegao saveznu razinu. Uzeo je značajan dio klijenata iz višekanalnog poslovanja i nije potrošio niti jednu rublju na organiziranje vlastite fizičke mreže.
    Jedan od najuspješnijih segmenata za online prodaju su cipele. Grupa tvrtki Obuv Rossii osmislila je detaljan koncept razvoja internetskog poslovanja i jednu po jednu lansirala nekoliko svojih brendova na internet. Napori nisu bili uzaludni, web stranicu internetske trgovine na platformi 1C-Bitrix mjesečno posjećuje više od 100 tisuća ljudi.

    U ovom članku ćemo pogledati sve značajke stvaranja predloška za Bitrix od nule. Nije bitno da li imate gotov prijelom ili ste samo perfekcionista koji mu samo dopušta da sam nešto napiše bez posrednika :)

    Koje su datoteke potrebne za izradu predloška?

    Izgled vaše stranice (ili prezentacija stranice) uvijek se pohranjuje u posebnu mapu. U 1C-Bitrixu, put do predloška leži kroz mapu bitrix, koja sadrži mapu predložaka i već sadrži popis svih naših predložaka.

    Put do predložaka: /bitrix/templates/

    Predložak možete izraditi na 3 načina:

  • može se kopirati gotov predložak i na temelju njega promijeniti kako vama odgovara
  • možete stvoriti prazan predložak putem administratorske ploče
  • možete stvoriti praznu mapu i postupno je puniti datotekama i mapama
  • Kao što razumijete, treća opcija je najteža :) Idemo na administrativnu ploču, Administracija > Postavke > Postavke proizvoda > Web stranice > Predlošci web stranica > Dodaj predložak.
    link koji se odnosi na stranicu: /bitrix/admin/template_admin.php?lang=ru

    ID predloška je u biti naziv mape u kojoj će se nalaziti, nazvat ću ga development . Ispunite ostala polja što je praktičnije moguće; trenutno nisu toliko važna. Dodajte sljedeći kôd kodu predloška:

    #RADNO_PODRUŽJE#

    — ovaj redak pišemo tako da se datoteka ne može pozvati izravno iz preglednika i da se ne pokrene;
    — prikazati trenutni naslov stranice;
    — prikazati ključne riječi, opis i sve skripte;
    — prikaži ploču za administratore.

    Nakon spremanja predloška, ​​moja datoteka description.php izgleda ovako:

    Super, trebalo bi nam ostati 5 datoteka u rootu, ostale bi trebale biti ovaj trenutak nećemo koristiti:

    • description.php,
    • zaglavlje.php,
    • podnožje.php,
    • styles.css,
    • stilovi_predložaka.css

    Dio koda koji je prije #WORK_AREA# na kraju se upisuje u header.php. Pogodite koji je dio napisan u footer.php :) (onaj iza njega). Sam radni prostor je dinamički sadržaj(nije uvijek tako dinamično), koji se nalazi, na primjer, u mapi /contacts/ ili /about/ u datoteci index.php. Sama datoteka obično počinje uključivanjem zaglavlja i završava uključivanjem podnožja:

    Pošalji SMS hi

    Zasad sve izgleda logično.

    1C-Bitrix mape i struktura novog predloška

    Postoji nekoliko preporuka u dokumentaciji koje se meni osobno baš i ne sviđaju. Prvo, mapu sa slikama vole imenovati images umjesto skraćenice img. I, naravno, sve razumijem, ali kada pišete stilove, ionako se trebate pozvati na slike, zašto pisati 2 puta više? :) Drugo, postojala je preporuka da se uključena područja pohrane u folder include_areas - zašto ne stvoriti inc? Treće, zašto su nam potrebne 2 datoteke sa stilovima? Ako sve želim staviti u zasebnu datoteku i kasnije je povezati prema potrebi, tada će ti stilovi biti pohranjeni ili u predlošku komponente ili u mapi css predloška.

    Da rezimiramo, naš ispravna struktura predložak:

    Include_areas slike komponente js

    Da budem malo buntovan:

    Inc img komponente js

    U principu, nitko vas ne ograničava, ovo su samo preporuke.

    I sada glatko dolazimo do prvog problema - tvrdog koda. Hardcode je kada umjesto dinamičkih vrijednosti, na primjer Naziv domene, koristiti unos teksta. Većina programera početnika ne zna za konstantu SITE_ TEMPLATE_PATH, koja pohranjuje put do trenutnog predloška kao vrijednost - u našem slučaju to je /bitrix/templates/development (bez kose crte na kraju, obratite pozornost). Stoga, kada uključite svoje skripte ili uključena područja, za mapu trebate napisati: