Super kuka modul

Primjer prikazuje dva bloka, označena različitim bojama zelenom i narančastom. Svaki blok, pored sadržaja unutar (cijena: 20 rubalja i Super Hook modul), uokviren je takozvanim oznakama. Prvi tag je blok za otvaranje, drugi sa crticom je završni, u našem slučaju je to

i , koji zauzvrat imaju svoj identifikator (id) i klasu (klasu). Namijenjeni su vizualnom dizajnu (stylingu) web stranice korištenjem CSS tehnologije, gdje se nazivaju id selektor i selektor klase.

Da bismo ih razlikovali u CSS-u, oni su označeni simbolima. Za id to je hash #, a za klasu je tačka. Na primjer, u našem primjeru, id=’cena’ bi bilo označeno kao

I class=’nazvanie_tovara’ će biti označeno kao

Naziv_proizvoda.

Ovi selektori se također koriste u JavaScript-u i jQueryju za povezivanje skripte za određeni blok.

Osim toga, CSS koristi selektore tipova. Ovo su dijelovi oznake. U našem slučaju, ovo je selektor tipa div i selektor tipa span.

Definiranje selektora pomoću Mozilla FireFox pretraživača

Najlakši način za definiranje selektora je korištenje Mozille. Pokazat ću vam kako se to radi. Otvorite stranicu sa proizvodom i ovaj put premjestite , koji se sada nalazi ispod gumba u košaricu, iznad cijene proizvoda. To jest, trebamo definirati selektor blokova sa cijenom proizvoda kao roditeljski blok i selektor modula kao podređeni blok. Otvaranje dodatnog panela u FireFox-u je isto kao u Chromeu, kombinacija tipki je Ctrl+Shift+I. Zatim u izborniku dodatnog polja na lijevoj strani pronađite strelicu (odaberite element stranice) i kliknite na nju. Sada, pomerajući kursor preko stranice sajta, vidimo izbor blokova. Pomeramo kursor preko bloka sa oznakom cene i, kada selektujemo ovaj blok, kliknemo na njega. Sada u dodatnom polju označite početak html bloka

Kliknite desnim tasterom miša na nju i u prozoru koji se pojavi izaberite „kopiraj jedinstveni selektor“.

Isto radimo i sa modulom Dodatne informacije

u polju za postavke modula Selektor modula ili HTML kod, unesite child selector.block_wnd

Odaberite poziciju u odnosu na blok “Unutar bloka ispod” i sačuvajte rezultat.

Was Now

Video uputstva: https://www.youtube.com/watch?v=xTSXTj0QM5E

Definiranje selektora pomoću pretraživača Google Chrome

U modulu Super Hook trebamo specificirati selektor bloka (roditeljski blok) na koji želimo vezati blok modula (podređeni blok). Ove selektore je vrlo lako definirati korištenjem Google Chrome pretraživača. Da biste to učinili, trebate otvoriti alat za razvojne programere u pregledniku koristeći kombinaciju tipki Ctrl+Shift+I ili jednostavno pređite pokazivačem miša preko stranice web-mjesta i pritisnite desnu tipku miša. I u padajućem izborniku odaberite Prikaži kod elementa. Otvoriće se dodatni prozor koji prikazuje html kod i mali prozor sa desne strane sa CSS kodom. Prozor ima meni sa slikom povećala mobilnog telefona i nazivima kartica koje počinju sa Elementi.

Na dnu odabranog polja vidimo fusnotu sa selektorima koji su nam potrebni za konfiguraciju modula. Slika prikazuje selektor tipa div, selektor id

#short_description_content

Slijede selektori klasa odvojeni tačkom, ali oni nas ne zanimaju. Zanima nas samo glavni id selektor. Biće potreban kao pokazivač na roditeljski blok. U postavkama modula, u polju Block selector, upišite ovaj identifikator bloka

#short_description_content

Sada dodajmo modul logotipa plaćanja na ovaj blok, koji se sada nalazi ispod dugmeta za dodavanje u korpu. Da bismo to učinili, moramo definirati selektor blokova logotipa.

I pokazaću drugi metod određivanja. Prebacite meni alatki za programere na Elementi u donjem prozoru. I pomaknite kursor miša preko modula logotipa plaćanja. Desni klik. U padajućoj listi odaberite donju karticu Prikaz koda elementa. U prozoru programera u HTML kodu, pomjerite kursor miša dok blok modula logotipa ne bude istaknut plavom bojom i vidjet ćete početnu div oznaku s id=’product_payment_logos’. Ovo je identifikator djeteta. Zapišimo ga u postavkama modula u polju "Selektor modula ili HTML kod" kao selektor

#product_payment_logos

Odaberimo poziciju u odnosu na blok u postavkama sa vrijednošću "Ispod bloka" i pohranimo rezultat.

Idite na stranicu stranice i pogledajte rezultat

Video uputstva: https://www.youtube.com/watch?v=c5UafCGsr-U

Na ovaj način možemo premjestiti blok modula, a ne samo modul, na bilo koje mjesto na stranici stranice. Prijenos je ograničen samo na samu stranicu. Prijenos na drugu stranicu nije moguć.

Dodatne karakteristike modula

Kao što možete vidjeti na stranici postavki postoji još nekoliko polja koja nismo popunili. Na primjeru ću opisati čemu služe. Osim pomicanja blokova, modul vam omogućava da dopunite stranicu vlastitim sadržajem koristeći HTML, JS i CSS tehnologije. Na primjer, hajde da prvo dodamo widget grupe VKontakte na bočnu traku stranice.

Dakle, hajde da definišemo roditeljski selektor. Kao primjer, nudim modul kategorije na bočnoj traci.

Kopirajte HTML kod

< div id = "vk_groups" > < / div >

i zalijepite ga u polje “Selektor modula ili HTML blok”.

Moj blog je već prikupio mnogo informacija o sve popularnijem PrestaShop engine-u. Prema službenoj web stranici, distribuciju je već preuzelo milion i po korisnika. Na ruskom Internetu interesovanje za ovaj CMS takođe raste, čak i ako uzmemo u obzir ovaj blog - 60% tranzicija je nekako vezano za PrestaShop.
Stoga sam iskombinirao sve postove koje sam napisao, nešto finalizirao i ispalo je kompletno PrestaShop uputstva.

Januar 2015: Ažurirana uputstva za PrestaShop 1.6

Ovisno o nivou korisnika, možete raditi s jednom od tri PDF datoteke:

“Osnove rada sa PrestaShop-om za menadžera prodavnice” – pogodno za korisnike koji rade s već konfiguriranom trgovinom. Njihovi zadaci uključuju samo održavanje ažurne baze podataka o proizvodima, tako da su sve operacije opisane na najrazumljivijim jezikom.

“PrestaShop - upute za korisnike” – ako sami pokrećete internetsku trgovinu, onda će vam ovo uputstvo odgovarati. Opisuje osnovne operacije za instalaciju Prestashopa, postavljanje glavnih komponenti, rad sa modulima i predlošcima trgovine. Nakon što pročitate uputstva, moći ćete plodnije raditi sa Presta-om, modifikovati šablon, instalirati i uređivati ​​module.

“PrestaShop - uputstva za programere” – glavni naglasak je na softverskom dijelu: kako razviti vlastiti modul, za šta su zadužene klase i još mnogo toga. Uputstva će biti korisna programerima komponenti i korisnicima koji odluče proširiti osnovnu funkcionalnost Presta.

Prethodna izdanja.

juna 2012: Trenutno uputstva za Prestashop imaju 26 stranica, ali planiram da dodajem nove kako se budu pojavljivali novi postovi na blogu. U vodiču sam pokušao da razmotrim složenija pitanja od trivijalnog dodavanja proizvoda ili kategorije. Na primjer, upute pokrivaju pomicanje modula s kuke na kuku, modificiranje zadanog predloška itd. Priručnik nije pogodan za napredne programere, jer se bavi površnijim pitanjima od sistema klase ili kontrolera.

septembar 2012: Osnovna uputstva nisu promenjena, ali su dodana dodatna uputstva za početnike ili menadžere prodavnica. Postoji kategorija ljudi koji ne znaju nužno šta je hosting ili kako da premjeste kolica u drugu kolonu, na primjer, to su menadžeri trgovina. Moraju raditi sa kategorijama, dodavati proizvode i raditi slične stvari. Za njih je napisano uputstvo „Osnove rada sa PrestaShopom za menadžera prodavnice“ koje trenutno sadrži 4 poglavlja i 13 stranica. Razmišljam da vremenom povećam jačinu zvuka.

avgust 2013: Dodata uputstva za programere za PrestaShop 1.5. Detaljnije ispituje osnovne klase, opisuje proceduru za kreiranje modula i rad sa šablonom. Dodata uputstva za ažuriranje PrestaShop-a na 1.5

Oktobar 2013: Sva uputstva za Prestashop su podeljena u dva foldera, u zavisnosti od verzije motora. Fascikla “prestashop 1_4″ sadrži uputstva objavljena 2012. godine, sva nova uputstva se nalaze u fascikli “prestashop 1_5″.

Septembar 2014: Dodata uputstva za PrestaShop 1.6.

PrestaShop je popularna, visoko specijalizovana platforma za e-trgovinu. Sam motor je besplatan i vrlo jednostavan za korištenje, ali su sve teme i dodaci plaćeni, tako da nije najpopularniji izbor. Međutim, PrestaShop:

• razvijena zajednica u kojoj možete pronaći odgovore na svoja pitanja;
• veliki broj odličnih tema i dodataka za sve potrebe online trgovine;
• Postoji podrška kojoj možete postaviti pitanja.

Kako instalirati PrestaShop

Prvi korak je, naravno, instaliranje samog CMS-a na vaš hosting. S ovim nećete imati poteškoća ako pogledate video u kojem objašnjavamo:

• koji su minimalni sistemski zahtjevi za instaliranje ovog motora;
• kako instalirati PrestaShop koristeći cPanel;
• koja podešavanja treba izvršiti nakon instalacije.

Postavljanje PrestaShop-a: administracija

Nakon što ste uspješno instalirali motor, morate razumjeti njegove postavke i administraciju. Nećete naići na puno postavki, jer sve glavne već rade po defaultu. To je velika prednost PrestaShopa u odnosu na druge CMS-ove, kao što su WordPress ili Joomla!, koji zahtijevaju instalaciju posebnih dodataka za e-trgovinu. Međutim, još uvijek je potrebno izvršiti neke konfiguracije. Dakle, šta ćete naučiti iz videa:

• kako promijeniti jezik interfejsa;
• koji su glavni tasteri na kontrolnoj tabli;
• kako prilagoditi prikaz menija;
• koje su kategorije na meniju.

Postavljanje PrestaShop-a: održavanje, administratori, mod za uređivanje uživo

Pogledajmo najvažnije postavke za pokretanje online trgovine na PrestaShop-u. Nakon gledanja našeg video tutorijala naučit ćete:

• omogućiti način održavanja;
• dodati nove korisnike sa pravima za rad u admin panelu;
• uređivati ​​dizajn web stranice;
• rad sa demodacima.

PrestaShop moduli: kako mijenjati, uređivati, dodavati i brisati

Moduli su važna komponenta CMS-a. Skoro sva podešavanja za izgled sajta biće napravljena pomoću modula. Pogledajmo kako raditi s njima:

• gdje se nalazi blok sa modulima koji se nalazi u admin području;
• kako dodati, ukloniti, urediti ili promijeniti module.

Kako dodati nove proizvode u PrestaShop katalog

PrestaShop pruža brojne mogućnosti za rad sa proizvodima, pored njihovog dodavanja i uređivanja. U videu ćemo pogledati:

• kako dodati kombinacije i karakteristike proizvoda;
• rad sa fajlovima: prilagođavanje i prilozi;
• kako dodati proizvod korak po korak i konfigurirati njegov prikaz;
• kako unositi cijene za robu;
• kako raditi sa SEO poljima;
• kako učitati nove fajlove.

Kako raditi sa kategorijama proizvoda u PrestaShop-u

Pogledajmo detaljnije kategorije proizvoda i njihove postavke. Koristeći kategorije, proizvodi se grupišu prema određenim karakteristikama, što olakšava rad sa internet prodavnicom i njenom vlasniku i korisnicima. Za vas smo pripremili video na sljedeća pitanja:

• šta su potkategorije i kako konfigurisati njihov prikaz;
• kako dodati nove kategorije;
• kako prilagoditi izgled kategorija za korisnika;
• kako popuniti sva obavezna polja prilikom dodavanja kategorije;
• Kako dodati proizvod u postojeću kategoriju.

U ovom postu ćemo detaljno analizirati specijalizovani CMS za kreiranje online prodavnice PrestaShop. Ovaj motor je vrlo popularan u svojoj domovini - u Francuskoj, ali još nije previše popularan u Rusiji. Samo 5% prodavnica u Rusiji je pokrenuto na ovom motoru, naspram 37% na OpenCart. Zašto, uprkos svojoj bogatoj funkcionalnosti, besplatnoj i visokoj razini, skripta ne može postati lider, raspravljat ćemo u ovom postu.

Ovako izgleda vitrina: http://demo.prestashop.com/en/?view=front

PrestaShop izlog online prodavnice

Ovako izgleda admin panel: http://demo.prestashop.com/en/?view=back

Administrativni dio online trgovine na PrestaShop-u

Savršeno je prilagođen za pokretanje online trgovine u Rusiji. Distribucija preuzeta sa službene web stranice uvijek ima 100% podršku za ruski jezik. To znači da će rad biti udoban od prvih koraka: sva sučelja instalacijskog prozora i administrativnog panela su potpuno na ruskom! Demo radnje na ruskom jeziku možete pogledati na našoj testnoj stranici http://prestashop-testshop.ru/, koju smo postavili na Beget hosting u 1 klik zahvaljujući automatskom instalaciji hostinga.

Svi najpopularniji servisi za online trgovine, kao što su agregatori plaćanja i on-line chat servisi, imaju službeni dodatak za PrestaShop. Možete jednostavno besplatno preuzeti, na primjer, Yandex.Checkout modul sa službene stranice agregatora.

O PrestaShop-u i programerima

Na početku Prestashopa bile su dvije osobe, Igor Schlumberger i Bruno Levesque. Oni su sada suosnivači, a kompanija je u vlasništvu privatnih investitora.

Kako Bruno Levesque kaže u jednom od svojih intervjua, u početku je njihova kancelarija bila smještena u vrlo maloj prostoriji. Zatim su 2007. godine u Parizu bili mali tim koji se razvijao u oblasti online trgovine.

Tokom prvog mjeseca rada na PrestaShop engine-u, preuzet je više od 1000 puta. Ova činjenica poslužila je kao snažan podsticaj daljem razvoju. Danas PrestaShop tim ima 70 zaposlenih, a Bruno Levesque sebe naziva milionerom.

Bruno Levesque

Nakon što se pojavio 2007. godine, PrestaShop stalno dobiva na popularnosti, a 2011. godine postao je najbolji besplatni motor za e-trgovinu. O tome smo pisali u članku: .

PrestaShop tim

Radost tima kada je dostigao 100.000 preuzimanja

Inače, Bruno Levesque, kao glavni programer i programer, lično provjerava sav novi programski kod svog i svih službenih dodataka.

PrestaShop je nedavno rebrendirao sa svijetlog, kiselog dizajna s logom u obliku ruke na torbi u formalniji dizajn s potpisom kućnog ljubimca: pingvina.

Novi logo

Danas kompanija ima velike planove vezane za ulazak na rusko tržište.

Za koga je PrestaShop najbolji?

“Ako vam je potreban strani besplatni CMS spreman za korištenje za online prodavnicu sa 100% službenim prijevodom, onda je PrestaShop ono što vam treba!”

Ovaj motor je jednostavan za preuzimanje, jednostavan za instalaciju i jednostavan za početak. Kao što smo već rekli, sve je na ruskom jeziku. Osim toga, postoji ugrađeni pomoćnik koji će vam pomoći da započnete: izvršite sva potrebna podešavanja i popunite katalog proizvoda. To znači da je ovo idealan motor za početnike!

PrestaShop također uvijek ima visokokvalitetne šablone koji se podrazumevano isporučuju u kutiji. Oni konstantno ažuriraju svoj predložak iz kutije prema modi. To znači da ako nemate novca da kupite predložak za svoju trgovinu, onda možete početi koristiti besplatni, visokokvalitetni predložak koji dolazi u paketu.

Glavne prednosti i mane PrestaShopa

“Ne postoje idealni motori. Vječna potraga za ravnotežom između jednostavnosti i funkcionalnosti dovodi do činjenice da uvijek možete istaknuti prednosti i nedostatke motora!”

Pogledajmo opšte prihvaćene prednosti i nedostatke PrestaShop CMS-a da bismo razumeli šta vas čeka kada počnete da radite na njemu.

Prednosti PrestaShopa

1. SEO mogućnosti. Presta ima sve osmišljeno za SEO već u osnovnom paketu. Pa, morat ćete potražiti dodatke treće strane. CNC-ovi se generišu automatski, 301 preusmjeravanje, popunjavanje meta tagova opisa i ključnih riječi za stranicu proizvoda.
2. Napredni katalog proizvoda. U početku je PrestaShop namijenjen trgovinama srednje veličine. Stoga je funkcionalnost za rad s katalogom proizvoda prilično široka odmah nakon što je iz kutije. Moći ćete prodavati proizvode s mnogo dodataka. karakteristike koje vaši kupci mogu lako pronaći pomoću naprednog filtera za dodatne opcije. svojstva, a zatim uporedi.
3. Vrlo bogata funkcionalnost za zadržavanje kupaca. Možete održavati bazu podataka kupaca, slati im e-mail biltene o promocijama ili rođendanima. Moći ćete raditi s kupcima putem društvenih mreža. mreže.

Nedostaci PrestaShopa

1. Nije dovoljno popularan u Rusiji. Desilo se da je malo poznat u Rusiji. Za razliku od OpenCarta, na primjer, ima mnogo manje programera i mnogo manje foruma na kojima možete postaviti pitanje.
2. Stvara opterećenje na serveru. Ako imate puno proizvoda, opterećenje na serveru se značajno povećava. Zbog toga besplatni hosting nije prikladan za vas.
3. Nije moguće postaviti tekst osim opisa za najavu proizvoda. To dovodi do dupliranja sadržaja, što može biti loše za optimizaciju.

Početak rada s PrestaShop-om

Tokom procesa instalacije, potrebno je samo nekoliko puta kliknuti na Next, a podešavanje se zgodno obavlja pomoću ugrađenog čarobnjaka za podešavanje.

Prvi prozor čarobnjaka za podešavanje

Početak, kao i rad u samom PrestraShopu, vrlo je jednostavan, jer... Programeri su osnov svog proizvoda učinili jednostavnom upotrebom. Prema njihovom mišljenju, PrestaShop bi trebao biti lak za održavanje i rad jer... Namijenjen je prvenstveno malim online trgovinama. To znači da je PrestaShop pogodniji za startupe od bilo koga drugog: koristeći ga možete lako pokrenuti novu internet prodavnicu.

Kako stoje stvari sa PrestaShop-om u Rusiji?

Kao što smo već pisali u prethodnom postu, udio PrestaShopa u Rusiji iznosi 5%. Mnogi ruski servisi za online prodavnice, kao što je Yandex.Checkout, izdaju dodatak za laku integraciju za PrestaShop. Više o integraciji možete pročitati u članku.

Postoji ruska PrestaDev zajednica, postoji nekoliko specijalizovanih kompanija koje se razvijaju na PrestaShop-u i proizvode dodatke.

PrestaShop funkcionalnost

Već iz kutije, PrestaShop ima veoma bogatu funkcionalnost. Malo je vjerovatno da ćete odmah savladati svu moć PrestaShopa. Besplatnim preuzimanjem i instaliranjem ove skripte dobijate internet prodavnicu svjetske klase:

• razne kategorije i svojstva robe
• pogodan filter proizvoda prema svojstvima
• sve vrste marketinških alata
• Dodatak Yandex.Checkout možete preuzeti na web stranici Yandexa
• različiti statistički izvještaji o proizvodima i kupcima
• sve vrste SEO postavki

Na službenoj web stranici postoji trgovina u kojoj možete kupiti jedan od tisuća dodataka ako vam nedostaje neka specifična funkcionalnost.

Poređenje PrestaShopa sa drugim besplatnim motorima

Svi motori online trgovine imaju svoje prednosti. Uporedimo PrestaShop s drugim popularnim besplatnim motorima i vidimo da li gubi od njih ili, naprotiv, pobjeđuje:

• PrestaShop nije CMS sa svim funkcijama u konvencionalnom smislu. Ovo je visoko specijalizirana mašina za online trgovinu. U tom smislu primjetno gubi od, na primjer, WooCommercea ili VirtueMarta, koji se, budući da su dodaci za punopravne CMS-ove, mogu pohvaliti opsežnim mogućnostima klasičnih CMS-ova.
• Smarty šablonski mehanizam se koristi kao alat za pravljenje šablona. Iako će za mnoge ovo biti plus.
• Nedovoljna zajednica koja govori ruski. Podrška na ruskom jeziku na zvaničnom forumu nije baš dobra. U tom pogledu je mnogo inferiorniji u odnosu na, na primjer, OpenCart, za koji je lako pronaći forum sa gomilom odgovora na gomilu pitanja o motoru.
• Službena web stranica nije prevedena na ruski. U tom pogledu, svi strani motori su slični. Ali neki delovi. sajtovi su već prevedeni (demo, prodavnica dodataka).
• I dalje je složeniji od, na primjer, svog najgoreg neprijatelja OpenCart-a. Iako je lakše nego, na primjer, Magento.

Zaključci. Da li se isplati koristiti PrestaShop?

Po našem mišljenju, definitivno se isplati ako vam je odmah potreban snažan i specijaliziran motor prilagođen e-trgovini. Skripta je u stalnom pokretu i razvoju, što znači da će vaša radnja uvijek biti u trendu i neće ostati bez podrške.

U postu se možete upoznati s internet trgovinama na ovom motoru.