Enkel E-handel med Magento

Hundrevis av e-handel systemer eksisterer, men svært få kan matche Magento. I dette screen, Jeg demonstrerer hvordan du laster ned og installerer Magento til en lokal vert, konfigurerer noen av nettstedene, og lag enkle og konfigurerbare produkter og kategorier for vår test e-handelsside.

screen~~POS=TRUNC

Hvorfor bruke Magento?

Vel, det er ganske mange gode grunner til å bruke Magento:

  • Et enkelt intuitivt grensesnitt
  • Lett å laste ned, installere og vedlikeholde
  • Bygget på dagens teknologi i motsetning til andre systemer.
  • Multiple Site Funksjonalitet
  • Og best av alt ... Det er gratis og åpen kildekode!

Forberedelse

Som med alle vellykkede ting i livet, er forberedelse nøkkelen! Før vi kan installere Magento må vi sette opp en database på vår server. Ved hjelp av phpmyadmin oppretter vi en ny database kalt "magento". Vi bruker dette senere når vi kommer til å installere Magento.

Laster ned / installerer Magento

Når vår database er konfigurert på vår server, er neste trinn å laste ned Magento selv. For å gjøre det må vi gå til nedlastingssiden på Magento-nettsiden. For denne opplæringen vil vi laste ned Full Release i ZIP-format. Når du har lastet ned, pakker du den inn i mappen du ønsker.

Nå som vi har filene på serveren vår, er det på tide å installere Magento, for å gjøre dette går vi til http: // localhost / magento (eller hvilken mappe du bruker) i nettleseren din.

Godta TOCs og fortsett til neste side.

Velg innstillingene som gjelder for deg og klikk Fortsett.

Går bra så langt ... Nå fyller du inn databaseforbindelsesinnstillingene. Pass på at du treffer Bruk Web Server (Apache) Rewrites for å få ekstra SEO vennlighet og hvis du vil endre standard tilgangsadresse for din backend fra / admin, rediger du Admin-banen-feltet.

Fyll inn innloggingsdetaljene du vil bruke for kontoen din, og skriv inn en egendefinert krypteringsnøkkel hvis du vil, ellers la den være tom og Magento vil lage en for deg.

Flott, nå har Magento blitt installert på serveren din, hvis du har installert lokalt, er det ett siste skritt du må ta før du kan logge inn ...

I Magento-mappen din går du til app / kode / kjerne / Mage / Core / Model / Session / Abstract / Varien.php

Finn session_set_cookie_params kodeblokk (Linje 78) og erstatt den med denne koden:

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

På et riktig webhost trenger du ikke å gjøre dette! Men da vi jobber med localhost, må vi gjøre dette for å løse et cookieproblem.

Skatteregler

For å sette opp våre ulike nivåer av skatt må vi gå til kategorien Administrer skattesoner og priser under Salg og raquo-skatt. Hvis regelen for staten din ikke eksisterer eller har blitt endret nylig, klikker du på «Legg til ny skattefrekvens».

Lagre din nye skatteregel, og du er god til å gå!

kategorier

For å opprette en ny kategori må vi gå til Katalog-fanen i navigasjonen og velge Behandle kategorier. Derfra kan vi administrere og legge til nye kategorier.

For å lage vår nye kategori må vi klikke Legg til underkategori og fyll ut detaljene som bildet nedenfor, pass på at du endrer Er aktiv til Ja.

Produkter

Produkter er nøkkelen til et nettsted, men i Magento var det flere produkttyper som vist nedenfor ... For å lage et nytt produkt vi trenger Katalog-fanen på navigasjonen og velg Administrer produkter. Og endelig klikk Legg til produkt

Enkle produkter

Dette er produktene som ikke har noen alternativer, for eksempel DVD. For å lage vårt enkle produkt velg Standard for attributtsettet og Enkelt produkt for produkttypen og klikk Fortsett.

Generelt faneblad

  1. Navn: Navnet på vårt nye produkt
  2. Beskrivelse: Hovedbeskrivelsen av produktet; stedet å virkelig selge produktet og alle dets funksjoner!
  3. Kort beskrivelse: Den raske oversikten som vises like under prisen på produktsiden; stedet å gripe oppmerksomheten til kjøpere
  4. SKU: Lagerkoden for produktet
  5. Vekt: Produktets vekt. Dette kan være kilo, tonn eller hva du vil så lenge du beholder ensartethet i alle dine produkter
  6. Produsent: Tom som standard, men produsenter kan legges til ved hjelp av kategorien Manage attributes.
  7. Farge: Tom som standard, men igjen som produsentene kan legges til ved hjelp av kategorien Manage attributes
  8. Sett produkt som nytt fra dato: Setter produktet til nytt fra datoen du skriver inn.
  9. Sett produkt som nytt til dato: Angir når produktet slutter å være nytt.
  10. Status: Hvis produktet er Aktivert og vises på nettsiden, eller hvis det er deaktivert.
  11. URL-nøkkel: Det egendefinerte alternativet for hvordan nettadressen for produktet ditt er skrevet.
  12. Sikt: Hvor produktet kan bli funnet av dine besøkende;
    • Ingen steder: Produktet vises ikke på nettstedet.
    • Katalog: Produktet vises på nettstedet, men ikke i søkeresultatene.
    • Søk: Produktet vises ikke på nettsiden, men vises i søkeresultatene.
    • Katalog, Søk: Produktet vises på nettsiden og i søkeresultatene.
  13. Tillat gavemelding:
    • Ja: Tillater en gavemelding
    • Nei: Tillater ikke en gavemelding
    • Config: Bruk nettstedets konfigurasjon

Pris fan

  1. Pris: Prisen på vårt produkt
  2. Spesialpris: Tilbud på produkter for begrensede tider.
  3. Spesialpris fra dato: Datoen hvor spesialprisen starter.
  4. Spesialpris til dato: Datoen hvor spesialprisen avsluttes.
  5. Kostnad: Kostnaden for produktet.
  6. Skatteklasse: Hvis ditt produkt krever Skatt lagt til, må Skattemessige varer velges.
  7. Tierpris: Tillater at bulkrabatter skal settes opp. Klikk Legg til Tier å legge til antall rabatter.
  8. Google Checkout: Kan besøkende kjøpe dette produktet ved hjelp av Google Checkout.

Meta Information Tab

  1. Metatittel: Informasjon som vises i stikkord.</li> <li>Meta Nøkkelord: søkeord som gjelder for produktet ditt.</li> <li>Meta Beskrivelse: En kort beskrivelse av produktet ditt som vises på søkeresultatresultatsider.</li> </ol> <h4>Bilder-fanen</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_16.jpg"> <p>Bilder er en viktig del av produktet ditt, og jo bedre kvalitet du får, desto større sjanse for å gjøre et salg, kan Magento tillate flere bilder å bli lastet opp og spesifikke bilder som skal lastes opp til Base Image, Small Image og Thumbnail , samt å tillate en etikett. Hvis du vil fjerne et bilde, klikker du bare på Fjern for å skjule eller Fjern av for å slette avkrysningsruten (er).</p> <ul> <li>Basisbilde: Hovedbildet som vises på produktsiden.</li> <li>Litt bilde: Bildet som vises i kategoriene / søkevisning.</li> <li>Miniatyrbilde: Miniatyrbildet av produktet.</li> </ul> <h4>Design-fanen</h4> <p>Med mindre du bruker en mal for Magento-butikken, er det best å gi denne en glipp, men for alle som er nysgjerrige, lar design-fanen deg bruke temaer du har satt opp, og lar deg velge aktiv til og fra datoer også som å endre sideoppsettet i forskjellige kolonneblokker og så videre.</p> <h4>Inventar-fanen</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_17.jpg"> <ol> <li>Administrer lager: Hvis du vil spore og administrere lagernivåer, la du dette settet til Ja</li> <li>Antall: Mengden produkt du har.</li> <li>Lager tilgjengelighet: Hvis varen er på lager eller ikke. Hvis du setter dette til ute av lager, vil ikke produktet skjule produktet på nettsiden!</li> </ol> <p>De andre alternativene er best igjen til nettstedskonfigurasjonen, men alle er ganske selvforklarende hvis du ønsker å sette dem til dine behov. </p> <h4>Kategorier Tab</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_18.jpg"> <p>Produktet ditt kan vises i flere kategorier; Bare klikk avkrysningsboksen for kategorien du vil at den skal vises i!</p> <h4>Relaterte produkter / Up-sells / Cross-sells</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_19.jpg"> <p>Med relaterte produkter, selger og kryss-selger grensesnittet for å legge til er det samme, for å legge til et produkt, velg et felt du vil søke på, og klikk på søkeknappen, vil en liste over produkter som samsvarer med kriteriene dine vises. Klikk avkrysningsboksen ved siden av produktet, og det vil vises som et relatert produkt / opp-salg eller kryss-salg som gjeldende.</p> <h4>Produktomtaler / Produktetiketter / Kunder merket produkt</h4> <p>Disse er alle lagt til av brukere og kan vises fra fanene. </p> <h4>Tilpassede alternativer</h4> <p>Dette er egendefinerte alternativer som du kan legge til i produktet. For å legge til et tilpasset valg klikk <strong>Legg til nytt alternativ</strong> og fyll ut detaljene.</p> <h3>Administrere attributter og egenskapssett</h3> <p>Attributter er alternativene som utgjør produktene dine, for eksempel farge, vekt og så videre. Attributt sett er sett med attributter som lager et helt produkt og lar oss lage konfigurerbare produkter.</p> <h4>Egenskaper</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_20.jpg"> <p>For å opprette et nytt attributt / se våre nåværende attributter, må vi gå til Katalog-fanen i navigasjonen, og velg Attributter og deretter Administrer attributter. For å vise et attributt klikker du bare på raden, for å opprette et nytt attributt, klikk på <strong>Legg til nytt attribut</strong> Tab.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_21.jpg"> <h4>Egenskaper-fanen</h4> <p>Det er best å bruke en konvensjon når du navngir dine attributter, da listen vokser, vil det gjøre det enklere å finne det du leter etter. Jeg liker å bruke <i>options_option_product</i> som for dette produktet vil være options_colour_nettuts_shirt. Vi må sette omfanget vårt til global og Catalog Input Type til Dropdown for å opprette vårt konfigurerbare produkt (er). Vi bruker bare vår egenskap til enkle produkter og konfigurerbare produkter. For å kunne bruke dette attributtet i våre konfigurerbare produkter må vi velge Ja på <strong>Bruk å opprette konfigurerbart produkt</strong> felt. Vi må også velge Ja på Visible on Product View Page i Front-end-feltet for å gjøre attributtet synlig. </p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_22.jpg"> <h4>Administrer etikett / alternativer-fanen</h4> <p>Deretter må vi sette opp alternativene for brukeren å velge mellom når du velger det produktet. I vårt eksempel bruker vi Color som vårt produktalternativ.</p> <p>Tittelen er hva den besøkende vil se over rullegardinmenyen, med Magento kan vi definere hva administratoren ser og hva brukeren ser det lettere å spore alternativer med tilleggsinformasjon, i eksempelet vi har kalt vårt tittel, farge. Hvis vi forlater standardbutikkvisningen, vil den kopiere det vi har skrevet inn i admin.</p> <p>For å legge til alternativene for produktet vårt, klikk på Add Option-knappen for antall alternativer du trenger, i vårt eksempel 3. Som tittelen hvis vi forlater standardbutikkvisningen, vil den kopiere det vi har skrevet inn i admin, men vi kan bruke Administrasjonsfelt for å legge til mer informasjon, noe som gjør det enkelt å oppfylle ordrer for eksempel. Vi bruker posisjon for å bestille våre alternativer, og Standardradio-boksen for å definere hvilket alternativ som er standard. Vi kan enkelt slette et valg ved hjelp av knappen til høyre. Når vi har alle alternativene vi ønsker, klikker du Lagre for å gå tilbake til attributtsiden.</p> <h4>Egenskapssett</h4> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_23.jpg"> <p>Deretter må vi sette opp vårt attributtsett for å kunne opprette vårt konfigurerbare produkt. Vi navigerer til Katalog-fanen i navigasjonen, og velger Attributter og deretter Administrer attributtssett. Som side med attributter har vi en liste over våre nåværende attributtsett; Standard skal bare vises. Klikk på Legg til nytt sett.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_24.jpg"> <p>Igjen som vårt Egenskap, bør vi bruke en konvensjon for å navngi vårt attributtsett ... slik at vi samsvarer med vårt Egenskap; options_size_tshirts. Siden vi ikke har noen andre sett, skal vi basere den nye på Standard.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_25.jpg"> <p>For å inkludere vårt attribut i vårt sett må vi bare klikke og slippe det inn i den generelle gruppen fra høyre liste. Klikk på Lagre og vårt sett er fullført. Går bra så langt ... </p> <h3>Opprette et konfigurerbart produkt</h3> <p>Opprette et konfigurerbart produkt ligner veldig på å skape et enkelt produkt. For å starte oppretter vi et nytt produkt. Men vi må endre Attributssett til det vi nettopp har opprettet og produkttypen til Konfigurerbart produkt, og klikk Fortsett.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_26.jpg"> <p>Deretter må vi velge egenskapene vi vil bruke i vårt produkt. Bare attributter med et omfang av Global, type dropdown og muligheten til å opprette et konfigurerbart produkt satt til ja, kan brukes.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_27.jpg"> <p>De eneste kategoriene som endres, er Inventory-fanen, og en ny kategori er lagt til som heter Associated Products, hvor vi legger til våre alternativer. Når vi har fylt ut alle våre detaljer, må vi lagre og fortsette å redigere før vi kan begynne å legge til våre tilknyttede produkter. I motsetning til noen andre e-handelssystemer, oppretter Magento enkle produkter som er skjult for å skape et konfigurerbart produkt.</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_28.jpg"> <p>For å opprette alternativene skal vi bruke verktøyet "Hurtig enkelt produktoppretting" for å gjøre våre enkle produktalternativer. For navn og SKU-felt kan du la Magento auto generere disse, men for ekstra kontroll foreslår jeg at du fyller disse i deg selv. I eksemplet skaper vi en grønn skjorte-alternativ. Vi har fylt ut Navn, SKU, Vekt og satt produktet til Aktivert. derimot <strong>Vi må sette synligheten til vårt produkt til ingensteds</strong>. Fra rullegardinmenyen velger vi attributtalternativet vi lager for og angir prisen. For standardalternativet oppgir vi ikke en verdi, og den vil bruke prisen vi angir på vårt konfigurerbare produkt, men for de andre alternativene angir vi forskjellen mellom det konfigurerbare produktet og alternativet. Så hvis den grønne toppen er $ 15 og vårt konfigurerbare produkt er $ 20 så må vi legge inn -5,00 som vår pris. Vi må da angi antall for alternativet og lager tilgjengelighet til lager, og klikk på Quick Create. Vi gjentar denne prosessen til vi har lagt til alle våre alternativer og klikker lagre. Vårt konfigurerbare produkt er nå fullført. Hvis vi ser på vår produktside, ser vi at Magento har skapt alternativene som enkle produkter for oss som har blitt skjult. Gjør sporing av lager mye enklere!</p> <img src="//accentsconagua.com/img/images_27_6/easy-e-commerce-with-magento_29.jpg"> <h3>Gratulerer</h3> <p>Godt gjort, du har nettopp lastet ned og installert Magento til ditt lokalehost, du har opprettet et enkelt produkt, en egendefinert attributt og attributt sett, et konfigurerbart produkt ved hjelp av egendefinert attributtet og en kategori. Jeg håper at du har lært noe av det grunnleggende i Magento, og jeg ønsker deg alt det beste i ditt arbeid. Hvis du har noen spørsmål, vennligst legg igjen en kommentar nedenfor, og jeg vil prøve mitt beste for å hjelpe deg!</p> <p>Hvis du er en ekte go getter og vil gjerne komme inn på noen av de mer avanserte emnene eller ønsker å lære mer enn jeg foreslår at du sjekker ut kunnskapsbasen på Magento-nettsiden, så vel som Designers Guide hvis du er interessert i å tilpasse Magento mer.</p> <ul> <li>Følg oss på Twitter, eller abonner på NETTUTS RSS Feed for flere daglige webutviklingsverktøy og artikler.</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">Kode</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">Enkle reparasjoner for modellert gitar - 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">Enkle digitale nedlastinger Verktøy</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="/">no.accentsconagua.com</a><div class="h-block-a"></div></div> <div class="footer-text"> Interessant informasjon og nyttige tips om programmering. Nettstedutvikling, webdesign og webutvikling. Photoshop opplæringsprogrammer. Opprettelse av dataspill og mobile applikasjoner. Bli en profesjonell programmerer fra grunnen av. </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="Søke..."> <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>