E-Commerce ușor cu Magento

Sute de sisteme de comerț electronic există, însă foarte puțini se pot potrivi cu puterea Magento. In acest screencast, Voi demonstra cum să descărcați și să instalați Magento într-o gazdă locală, să configurați unele dintre opțiunile site-ului și să creați produse și categorii simple și configurabile pentru site-ul nostru de testare e-commerce.

screencast

De ce să folosiți Magento?

Ei bine, există foarte puține motive foarte bune pentru a utiliza Magento:

  • O interfață simplă intuitivă
  • Ușor de descărcat, instalat și întreținut
  • Construit pe tehnologii actuale spre deosebire de alte sisteme.
  • Funcționalitatea mai multor site-uri
  • Și cel mai bun dintre toate ... Este gratuit și open source!

preparare

Ca și în cazul tuturor lucrurilor de succes din viață, pregătirea este cheia! Înainte de a putea instala Magento trebuie să configuram o bază de date pe serverul nostru. Folosind phpmyadmin vom crea o nouă bază de date numită "magento". Vom folosi acest lucru mai târziu când vom veni să instalăm Magento.

Descărcarea / Instalarea Magento

Odată ce baza noastră de date a fost creată pe serverul nostru, următorul pas este descărcarea Magento în sine. Pentru a face acest lucru trebuie să mergem la pagina de descărcare de pe site-ul Magento. Pentru acest tutorial vom descărca versiunea completă în format ZIP. Odată ce l-ați descărcat, dezarhivați-l la dosarul ales.

Acum, că avem fișierele de pe serverul nostru, este timpul să instalați Magento, pentru a face acest lucru mergem la http: // localhost / magento (sau oricare dintre dosarele dvs. utilizați) în browserul dvs. web.

Acceptați conținutul TOC și continuați pe pagina următoare.

Alegeți setările care se aplică pentru dvs. și faceți clic pe Continuați.

Mergând bine până acum ... Completați acum setările de conexiune la baza de date. Asigurați-vă că ați lovit Utilizarea Web Server (Apache) Rewrites pentru o mai bună prietenie cu SEO și dacă doriți să schimbați adresa implicită de acces pentru backend-ul de la / admin, modificați câmpul Admin Path.

Completați detaliile de conectare pe care doriți să le utilizați pentru contul dvs. și introduceți o cheie de criptare personalizată dacă doriți, altfel lăsați-o goală și Magento va face una pentru dvs..

Excelent, acum Magento a fost instalat pe serverul dvs., dacă ai instalat la nivel local, există un ultim pas pe care trebuie să-l iei înainte să te poți conecta ...

În dosarul Magento mergeți la app / code / core / Mage / Core / Model / Session / Abstract / Varien.php

Găsiți blocul de cod session_set_cookie_params (Linia 78) și înlocuiți-l cu acest cod:

 ($) -> getCookie () -> getLifetime (), $ this-> getCookie () -> getPath () // $ this-> getCookie ) -> isSecure (), // $ this-> getCookie () -> getHttponly ());

Pe un webhost propriu nu trebuie să faceți asta! Cu toate acestea, pe măsură ce lucrăm la localhost, trebuie să facem acest lucru pentru a aborda o problemă de cookie.

Reguli fiscale

Pentru a vă stabili diferitele niveluri de impozitare, trebuie să accesați fila Gestionați zonele și ratele fiscale din secțiunea Sales & raquo Tax. Dacă regula pentru statul dvs. nu există sau a fost modificată recent, apăsați butonul "Adăugați o nouă rată de impozitare".

Salvați noua regulă fiscală și sunteți bine să mergeți!

Categorii

Pentru a crea o nouă categorie, trebuie să mergeți la fila Catalog din navigare și să selectați Gestionați categoriile. De acolo putem gestiona și adăuga noi categorii.

Pentru a crea noua noastră categorie, trebuie să faceți clic pe Adăugați subcategoria și completați detaliile cum ar fi imaginea de mai jos, asigurându-vă că modificați este activ la Da.

Produse

Produsele sunt cheia unui site, dar în Magento au existat mai multe tipuri de produse, după cum se arată mai jos ... Pentru a crea un nou produs, trebuie să facem acest lucru Fila de catalog pe navigație și selectați Gestionați produsele. Și apoi faceți clic pe Adăugați produsul

Produse simple

Acestea sunt produsele care nu au opțiuni, cum ar fi DVD-ul. Pentru a crea produsul nostru simplu, selectați Implicit pentru setul de atribute și Produs simplu pentru tipul de produs și faceți clic pe Continuați.

Filă generală

  1. Nume: Numele noului nostru produs
  2. Descriere: descrierea principală a produsului; locul pentru a vinde cu adevărat produsul și toate caracteristicile acestuia!
  3. Scurtă descriere: Prezentarea rapidă care apare imediat sub prețul paginii produsului; locul pentru a atrage atenția cumpărătorilor
  4. SKU: Codul stocului pentru produs
  5. Greutate: Greutatea produsului. Acestea pot fi kilograme, tone sau orice doriți, atâta timp cât păstrați uniformitatea în toate produsele dvs.
  6. Producător: Blank în mod prestabilit, dar producătorii pot fi adăugați prin fila Gestionare atribute.
  7. Culoare: Blank în mod prestabilit, dar din nou ca și producătorii pot fi adăugați prin fila Gestionare atribute
  8. Setați produsul ca fiind nou de la data: Setează produsul la nou începând cu data pe care o introduceți.
  9. Setați produsul ca fiind nou în funcție de dată: Setează când produsul se încheie cu noul produs.
  10. Stare: dacă produsul este Activat și afișat pe site sau dacă este dezactivat.
  11. Tasta URL: opțiunea personalizată pentru modul în care este scris adresa URL pentru produsul dvs..
  12. Vizibilitate: în cazul în care produsul poate fi găsit de către vizitatorii dvs.;
    • Nicăieri: Produsul nu apare pe site.
    • Catalog: Produsul va apărea pe site, dar nu și în rezultatele căutării.
    • Căutarea: Produsul nu va apărea pe site, ci va apărea în rezultatele căutării.
    • Catalog, Căutare: Produsul va apărea pe site și în rezultatele căutării.
  13. Permiteți un mesaj cadou:
    • Da: Permite un mesaj cadou
    • Nu: Nu permite un mesaj cadou
    • Config: Utilizați configurația site-ului

Tabul de prețuri

  1. Pret: Prețul produsului
  2. Preț special: Ofertă pe produse pentru perioade limitate.
  3. Preț special de la data: Data la care începe prețul special.
  4. Preț special până în prezent: Data la care se încheie prețul special.
  5. Cost: Costul produsului.
  6. Clasa fiscală: dacă produsul dvs. necesită o taxă adăugată, trebuie selectate mărfuri impozabile.
  7. Nivel de preț: permite setarea reducerilor în vrac. Clic Adăugați Tier pentru a adăuga reduceri de cantitate.
  8. Google Checkout: vizitatorii pot cumpăra acest produs utilizând Google Checkout.

Fișa Informații Meta

  1. Titlul Meta: Informații care apar în etichetă.</li> <li>Cuvinte cheie Meta: cuvinte cheie care se aplică produsului dvs..</li> <li>Meta Descriere: O scurtă descriere a produsului dvs. care apare în paginile cu rezultate ale motorului de căutare.</li> </ol> <h4>Fila Imagini</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_16.jpg"> <p>Imaginile reprezintă o parte esențială a produsului dvs. și cu o mai bună calitate puteți obține mai multe șanse de a face o vânzare, Magento permite încărcarea mai multor imagini și încărcarea unor imagini specifice pentru imaginea de bază, imaginea mică și miniatură , precum și pentru a permite o etichetă. Dacă doriți să eliminați o imagine, faceți clic pe caseta de selectare Exclude pentru a ascunde sau caseta de selectare Ștergeți pentru ștergere.</p> <ul> <li>Imaginea de bază: Imaginea principală care apare pe pagina produsului.</li> <li>Imagine mică: imaginea care apare în categorii / vizualizare de căutare.</li> <li>Miniatură: miniatură a produsului.</li> </ul> <h4>Design Tab</h4> <p>Cu excepția cazului în care utilizați un șablon pentru magazinul dvs. Magento, este mai bine să le oferiți o dorință, dar pentru oricine este curios, fila Design vă permite să utilizați teme pe care le-ați configurat și vă permite să alegeți date active și din date ca schimbarea aspectului paginii în blocuri de coloane diferite și așa mai departe.</p> <h4>Fila de inventar</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_17.jpg"> <ol> <li>Gestionați stocul: dacă doriți să urmăriți și să gestionați nivelurile stocurilor, lăsați acest set la Da</li> <li>Cantitate: cantitatea de produs pe care o aveți.</li> <li>Disponibilitate în stoc: Dacă produsul este în stoc sau nu. Dacă setați această opțiune la "Stoc" nu va ascunde produsul de pe site!</li> </ol> <p>Celelalte opțiuni sunt cel mai bine lăsate la configurarea site-ului, totuși acestea sunt destul de auto-explicative dacă doriți să le setați la nevoile dvs.. </p> <h4>Categorii Tab</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_18.jpg"> <p>Produsul dvs. poate apărea în mai multe categorii; dați clic pe caseta de selectare a categoriei în care doriți să apară!</p> <h4>Produse asemănătoare / Up-sells / Cross-sells</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_19.jpg"> <p>Cu produse asociate, up-sells și cross-sell interfața de adăugat este aceeași, pentru a adăuga un produs pur și simplu selectați un câmp pe care doriți să îl căutați și faceți clic pe butonul de căutare, va apărea o listă de produse care corespund criteriilor dvs. Dați clic pe caseta de selectare de lângă produs și va apărea ca un produs / vânzare-versiune sau vânzări încrucișate, după caz.</p> <h4>Recenzii de produse / Etichete de produs / Clienți etichetați produsul</h4> <p>Acestea sunt toate adăugate de utilizatori și pot fi vizualizate de la file. </p> <h4>Opțiuni personalizate</h4> <p>Acestea sunt opțiuni personalizate pe care le puteți adăuga la produsul dvs. Pentru a adăuga o opțiune personalizată faceți clic pe <strong>Adăugați opțiunea nouă</strong> și completați detaliile.</p> <h3>Gestionarea atributelor și seturilor de atribute</h3> <p>Atributele sunt opțiunile care alcătuiesc produsele dvs., de exemplu culoarea, greutatea și altele. Seturile de atribute sunt seturi de atribute care fac un produs întreg și ne permit să producem produse configurabile.</p> <h4>atribute</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_20.jpg"> <p>Pentru a crea un atribut nou / pentru a vizualiza atributele noastre actuale, trebuie să mergeți la fila Catalog din navigare și să selectați Atribute și apoi Gestionați atributele. Pentru a vizualiza un atribut pur și simplu faceți clic pe rând, pentru a crea un atribut nou faceți clic pe <strong>Adăugați un atribut nou</strong> Tab.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_21.jpg"> <h4>Proprietăți tab</h4> <p>Cel mai bine este să folosiți o convenție atunci când vă numiți atributele, pe măsură ce lista dvs. crește, ceea ce va face mai ușor să găsiți ceea ce căutați. Îmi place să-l folosesc <i>options_option_product</i> care pentru acest produs ar fi options_colour_nettuts_shirt. Trebuie să setăm domeniul nostru de aplicare la tipul de intrare globală și tipul de introducere a catalogului pentru a creea dimensiuni pentru a crea produsele noastre configurabile. Aplicăm atributul nostru numai produselor simple și produselor configurabile. Pentru a folosi acest atribut în produsele configurabile trebuie să alegeți Da pe <strong>Utilizați pentru a crea un produs configurabil</strong> camp. De asemenea, trebuie să selectăm Da în câmpul Vedere vizibilă pe produs în front-end pentru a face vizibil atributul. </p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_22.jpg"> <h4>Gestionați fila Etichetă / Opțiuni</h4> <p>Apoi trebuie să configurați opțiunile pentru care utilizatorul nostru să aleagă atunci când alege produsul respectiv. În exemplul nostru, folosim culoarea ca opțiune pentru produsul nostru.</p> <p>Titlul este ceea ce vizitatorul va vedea deasupra dropdown-ului, iar cu Magento putem defini ce vede administratorul și ce vede utilizatorul pentru a facilita urmărirea opțiunilor cu informații suplimentare, în exemplul pe care l-am denumit Titlu, Culoare. Dacă lăsăm submeniul Default Store View necompletat, acesta va copia ceea ce am introdus în Admin.</p> <p>Pentru a adăuga opțiunile pentru produsul nostru, faceți clic pe butonul Adăugați opțiunea pentru numărul de opțiuni pe care le doriți, în exemplul 3. Ca și titlul dacă lăsăm submeniul Default Store View gol, acesta va copia ceea ce am introdus în Admin, dar putem folosi Câmp administrativ pentru a adăuga mai multe informații, făcându-l ușor de îndeplinit, de exemplu, comenzi. Folosim poziția pentru a comanda opțiunile noastre și caseta radio implicită este pentru a defini ce opțiune este implicită. Putem șterge cu ușurință orice opțiune folosind butonul din dreapta. După ce avem toate opțiunile dorite, faceți clic pe Salvați pentru a reveni la pagina de atribute.</p> <h4>Seturi de atribute</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_23.jpg"> <p>Apoi trebuie să configurați setul de atribute pentru a crea produsul nostru configurabil. Navigăm la fila Catalog din navigație și selectați Atribute și apoi Gestionați seturile de atribute. La fel ca și pagina Atribute, avem o listă a seturilor noastre actuale de atribute; Implicit ar trebui să apară numai. Faceți clic pe Adăugați setul nou.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_24.jpg"> <p>Din nou, ca și atributul nostru, ar trebui să folosim o convenție pentru a numi setul de atribute pentru a ne potrivi atributul; options_size_tshirts. Din moment ce nu avem alte Seturi, noi o vom baza pe Implicit.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_25.jpg"> <p>Pentru a include atributul nostru în Setul nostru, trebuie doar să îl dați și să îl plasați în grupul General din lista din dreapta. Faceți clic pe Salvați și setul nostru este complet. Mergând bine până acum ... </p> <h3>Crearea unui produs configurabil</h3> <p>Crearea unui produs configurabil este foarte asemănător cu crearea unui produs simplu. Pentru a începe, noi creăm un produs nou. Dar trebuie să schimbăm setul de atribute la cel pe care tocmai l-am creat și tipul de produs pe produsul configurabil și faceți clic pe continuare.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_26.jpg"> <p>Apoi trebuie să alegeți atributele pe care le-am dori să le folosim în produsul nostru. Doar pot fi utilizate atribute cu un domeniu global de tip drop-down și opțiunea de a crea un produs configurabil setat la da.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_27.jpg"> <p>Singurele file care se modifică sunt fila Inventar și o nouă filă a fost adăugată numită Produse asociate, unde vom adăuga opțiunile noastre. După ce ne-am completat toate detaliile, trebuie să salvăm și să continuăm editarea înainte de a putea începe să adăugăm produsele noastre asociate. Spre deosebire de alte sisteme de comerț electronic, Magento creează produse simple care sunt ascunse pentru a crea un produs configurabil.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_28.jpg"> <p>Pentru a crea opțiunile, vom folosi instrumentul "Creare rapidă de produse simple" pentru a face opțiunile noastre pentru produse simple. Pentru câmpurile cu numele și SKU puteți lăsa Magento auto să genereze aceste valori, dar pentru controlul suplimentar vă sugerez să le completați singur. În exemplu, creați o opțiune pentru cămașă verde. Am completat numele, SKU, Greutate și ați setat produsul la Activat. in orice caz <strong>trebuie să stabilim vizibilitatea produsului nostru în nicăieri</strong>. Din meniul derulant, selectăm opțiunea de atribut pe care o creăm și setăm prețul. Pentru opțiunea implicită, nu introduceți o valoare și se va utiliza prețul setat pe produsul configurabil, dar pentru celelalte opțiuni vom introduce diferența dintre produsul configurabil și opțiunea. Deci, dacă topul Verde este de 15 $ și produsul nostru configurabil este de $ 20, atunci trebuie să introduceți -5.00 ca prețul nostru. Apoi trebuie să setăm cantitatea pentru opțiune și disponibilitatea stocului în stoc și faceți clic pe Creare rapidă. Repetăm ​​acest proces până când adăugăm toate opțiunile noastre și dă clic pe Salvați. Produsul nostru configurabil este acum complet. Dacă vedem pagina noastră de produse, putem vedea că Magento a creat opțiunile ca fiind produse simple pentru noi care au fost ascunse. Efectuarea de urmărire stoc mult mai ușor!</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_29.jpg"> <h3>Felicitări</h3> <p>Ei bine, tocmai ați descărcat și ați instalat Magento la localhost, ați creat un produs simplu, un atribut personalizat și setul de atribute, un produs configurabil utilizând atributul personalizat și o categorie. Sper că ați învățat câteva dintre elementele de bază ale Magento și vă doresc toate cele bune în timpul eforturilor dvs. Dacă aveți întrebări, vă rugăm să lăsați un comentariu de mai jos și voi încerca tot ce pot pentru a vă ajuta!</p> <p>Dacă sunteți un adept de achiziție și doriți să intrați în unele dintre subiectele mai avansate sau doriți să aflați mai mult decât vă sugerăm să consultați Baza de cunoștințe de pe site-ul Magento precum și Ghidul designerilor dacă sunteți interesat de personalizare Magento mai mult.</p> <ul> <li>Urmăriți-ne pe Twitter sau abonați-vă la feed-ul RSS NETTUTS pentru mai multe tutoriale și articole zilnice de dezvoltare web.</li> </ul> <p> <br> </p> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="9434875811"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="h-alltags"> <a href="articles/code">Cod</a> </div> </div> </div> </div> </div> <div class="next_posts clearfix"> <div class="n_post"> <div class="next_posts-h1 left_nh1"><a href="/articles/music/easy-fixes-for-modelled-guitar-basix.html">Reparații ușoare pentru chitara modelate - Basix</a></div> <div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_26_2/easy-fixes-for-modelled-guitar-basix_5.png');"></div> </div> <div class="n_post"> <div class="next_posts-h1 right_nh1"><a href="/articles/code/easy-digital-downloads-tools.html">Descărcări Easy Digital Unelte</a></div> <div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_10/easy-digital-downloads-tools_13.jpg');"></div> </div> </div> <footer> <div class="container"> <div class="footer-langs"> <ul class="site-langs-list"> <li><a href="https://www.accentsconagua.com"><i class="flag flag-DE"></i>Deutsch</a></li> <li><a href="https://fr.accentsconagua.com"><i class="flag flag-FR"></i>Français</a></li> <li><a href="https://nl.accentsconagua.com"><i class="flag flag-NL"></i>Nederlands</a></li> <li><a href="https://no.accentsconagua.com"><i class="flag flag-NO"></i>Norsk</a></li> <li><a href="https://sv.accentsconagua.com"><i class="flag flag-SE"></i>Svenska</a></li> <li><a href="https://it.accentsconagua.com"><i class="flag flag-IT"></i>Italiano</a></li> <li><a href="https://es.accentsconagua.com"><i class="flag flag-ES"></i>Español</a></li> <li><a href="https://ro.accentsconagua.com"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="h-block"><a href="/">ro.accentsconagua.com</a><div class="h-block-a"></div></div> <div class="footer-text"> Informații interesante și sfaturi utile privind programarea. Dezvoltarea de site-uri, web design si dezvoltare web. Tutoriale Photoshop. Crearea de jocuri pe calculator și aplicații mobile. Deveniți un programator profesionist de la zero. </div> </div> </footer> <div class="search"> <img class="searchico" src="//accentsconagua.com/img/search.svg" alt=""> </div> <div class="modal"> <div class="modal-content"> <span class="close-button">×</span> <input class="searchmain" type="text" id="search-input" placeholder="Căutare..."> <ul class="searchli" id="results-container"></ul> </div> </div> <link rel="stylesheet" href="css/flags.css"> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/scripts.min.js"></script> <script src="js/common.js"></script> <link rel="stylesheet" href="css/fontawesome-all.min.css"> <script> var modal = document.querySelector(".modal"); var trigger = document.querySelector(".search"); var closeButton = document.querySelector(".close-button"); function toggleModal() { modal.classList.toggle("show-modal"); } function windowOnClick(event) { if (event.target === modal) { toggleModal(); } } trigger.addEventListener("click", toggleModal); closeButton.addEventListener("click", toggleModal); window.addEventListener("click", windowOnClick); </script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> <script src="jquery.unveil2.min.js"></script> <script> $('img').unveil(); </script> </body> </html>