, magento ontwerper: 5,,,,,,,,,, 1, 6 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks bekend als een deel van magento ontwerper. Magento ontwerper: ontwerper: 6, deel 4magento magento is een zeer krachtig platform voor elektronische handel.Het is een mini - leren we hoe we begonnen met het platform van de terminologie, de oprichting van een winkel, en alle relevante aspecten van het leren aanpassen, en ten slotte dat zelf, in het vijfde deel, zullen we de opbouw van een van onze belangrijkste standpunten van productinformatie blz.Opgewonden?Oké, laten we beginnen.De volledige reeks,,,,, - Deel 1: de installatie en de instellingen, deel 2: producten, de belasting, de categorie, de poort van de thema 's, deel 3, deel 4: bouw betreft, de producten - Deel 5: pagina' s informatie, snel een herziening, in het laatste deel van ons neer in het kader van de bouw van de thema 's herhaling van de thema' s en de definitie van een deel van de thema 's van de algemene regeling.We zien ook de thema 's magento werkt door de indeling van de bouwstenen hoe, hoe het werkt en hoe de verschillende onderdelen van de puzzel in elkaar. En dat wij aan het opbouwen zijn vandaag?Vandaag, zullen we, een persoonlijke mening van een product de pagina 's.Het is net als vroeger, bron van documenten, met inbegrip van de voor - en achterkant, zijn opgenomen.Je kunt het zien van de verschijning van pagina 's, maar deze thema' s moeten breken, omdat, weet je, we hebben geen contact met de andere standpunten.Dus, totdat we een pauze, probeer niet buiten onze "," voor de pagina 's van onze doelstellingen, onze doelstellingen voor deze specifieke pagina' s is relatief simpel.We willen een zinloos pagina 's, alleen wat benodigdheden.Dus, ik heb een lijst gemaakt van een korte lijst van elementen, ben ik van mening dat het nodig is de titel van het product:,: duidelijk kan zien een beeld van de producten, snel en volledig overzicht van de beschikbaarheid en prijs van de producten, en, ten slotte, toe te voegen aan de kar knop In de auto, dat is het.Ik wilde dat het zo eenvoudig mogelijk te kiezen, dus doe het niet.Wanneer je leert van de algemene beginselen, vrij om er zoveel mogelijk bij de fundamentele kenmerken.,, uiterlijk, pagina 's eigenlijk al zo:,, stap 1: //europa.eu.int /comm /, laten we eerst eens kijken naar de inhoud alleen: //europa.eu.int /comm /deel.Ik ben je redelijk vloeiend in de CSS: //europa.eu.int /comm /en zo zal ik niet aan de redelijk belangrijk parts., < div = "content" = "product" > < div = "main-product-image" > < IMG - src = "images/primg.gif" /> < /div> < div = "product-details" > < di = "product-availability" > de beschikbaarheid van < span = "beschikbaar" > in stock< /span> < /div> < div = "product-price" > Price < span> $29.00< /span> < /div> < a = "knop": /&#"> cart< toevoegen.; /a> < /div> < h1>" te HTML< /h1> < h2> snelle Overview< /h2> < P = "quick-overview" > < /p> < h2> het Description< /h2> < div = "product-description < /div&g" >T: in de eerste plaats, aandacht, ik gebruik het imago van het product en die het in de toekomst gemakkelijker toe te voegen.Wil je in de toekomst een beeld te geven van de toevoeging van een snelle headline, zodat we nog sneller en we hebben een ander die elementen om de beschikbaarheid en prijzen met de informatie toe te voegen aan winkelkarretje, druk op de knop.We zullen de verbetering van het kruis, een beetje.: //europa.eu.int /comm /rust is heel eenvoudig.Benaming in de titels van de hoofdstukken H1, H2, individuele.Een korte samenvatting is... In een paragraaf in een volledig overzicht nam een deel van ons model, kan een deel van de CSS.,, stap 2 * * * * * * * * * * * * * * /&#pagina 's /producten voornamelijk het imago van het product (marge: 0 0 10 pixels 20px 10 pixels; oude; drijven: over de grens: 1 - pixel van vaste&#e1e1e1; achtergrond; f3f3f3: #;}&#de details van de producten (breedte: 180px; 10 pixels variabele rechten; de oude; 1 - pixel vaste&#e1e1e1; achtergrond:&#f3f3f3; deposito' s: 0 0 0 20px;} #: beschikbaarheid van de producten span.available, de prijs van het product (kleur:&#-db000; drijvende: rechts; de knop (marge:}. 10 pixels auto. Het blijkt dat de stukken; breedte: 140px aangebracht; de oude 10 pixels; aanpassing van de tekst: het Centrum; De woorden onderscheiden: geen; kleur:ȫ de grens 1 - pixel vaste&#«; de lettergrootte: 18px;Achtergrond: #ddd; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; box-shadow: 1 - pixel rgba (0, 0, 0, 5 X 1 - pixel); -webkit-box-shadow: 1 - pixel rgba (0, 0, 0, 5 X 1 - pixel); -moz-box-shadow: 1 - pixel rgba (0, 0, 0, 5 X 1 - pixel); text-shadow: #fff 0px 1 - pixel 1 - pixel; achtergrond: -webkit-gradient (lineaire, links boven, links van bodem, #eeeeee), (#cccccc); achtergrond: -moz-linear-gradient (top, #eeeeee, #cccccc);.Button: hover {}: #014464; achtergrond: -webkit-gradient ((links boven, links, bodem, van (#cccccc), (#999999); achtergrond: -moz-linear-gradient (top, #cccccc, #999999); kleur: #000}.Button: actief; {-moz-box-shadow: 0 X 6px zwart; -webkit-box-shadow: 0 X 6px zwart;}, 'niets'Hier echt graag.De zeer fundamentele elementen van de positie van de CSS geplaatst. En ik ook een beetje een kruis om de knop, stap 3, ziet het er beter uit. - het creëren van een catalogus. XML - documenten, zoals ik al zei, elke module zijn XML - documenten, met inbegrip van de algemene regeling bepaalt welke projecten en de pagina 's.Vandaag bouwen we pagina 's dossier bekend als vertegenwoordiger van afhankelijk zijn, is het duidelijk dat de inhoud en structuur van het dossier, moet in de huidige MAP, lay - out, laten we het creëren van een XML - bestand, catalogi, het volledige dossier vandaag ziet er zo uit.Ik zal het uitleggen in de volgende delen.XML version = "1"?> < indeling versie = "0.1.0" > < catalog_product_view vertaling = "etikettering" > < etikettering > catalogus van mening (een) < /etiket > <.- Mage_Catalog --> < - naam "wortel" > < de actie "setTemplate" > de methode = < template> page/1column.phtml< /template> < /action> < /reference> < - naam "hoofd" > < de actie "addCss" > de methode = < stylesheet> css/product.css< /stylesheet> < /action> < /reference> < - naam "content" > < 3 = "catalog/product_view" naam "product.info" template= "catalog/product/view.phtml" > < 3 = "catalog/product_view_media" naam "product.info.media" as= "media" template= "catalog/product/view/media.phtml /> <"; het "catalog/product_view_description 'naam = ="De beschrijving van het product" = "beschreven model" Gids "= /produkten //beschrijving van mening. PHTML" /> < Block = "Gids /product_view_type_simple naam" producten "eenvoudige" = "informatie. Product_type_data" model "Gids /product /= standpunt /type /eenvoudig. PHTML" /> < Block = "Gids /product_view" naam "informatie over het product. AddToCart" = "AddToCart" model "Gids /product /= standpunt /AddToCart. PHTML" /> < /blok > < /Referentie > < /catalog_product_view > < /lay - out *;, ongeacht de XML - versie van de eerste verklaring.Ze is niet van belang, we. < catalog_product_view vertaling = "etikettering" > de eerste, we laten weten dat we van plan voor de wijziging van het systeem van producten van mening delen.Dit is omdat de vertegenwoordigers van een groot aantal andere, de huizen, de lay - out van het oog, wij van mening zijn we van plan om aangewezen te wijzigen, < naam = "wortel" > < optreden van de methode = "settemplate" > < model > pagina 's /1column. PHTML < /Templates /actie &> < GT; < /Referentie > en nu, vertellen we de magento bestand, 1column.phtml, als op het punt van de modellen.Dit is voor elke afzonderlijke standpunten kan gebruik worden gemaakt van een vooraf bepaalde structuur.Bijvoorbeeld, je huis kan gebruik worden gemaakt van een zeer complexe structuur van de gewoonte van uw product pagina is een dubbele BAR, je zoektocht pagina is een kolom voor de lay - out.Als het niet aangewezen, zal de belasting van de standaard model, pagina 's.Als we gebruik maken van al het andere, dat een deel is overbodig, als je om je persoonlijk gebruik van dit model van de wijziging van de naam, het dossier dan de stijging van de XML - documenten stukken makkelijker., < naam = "hoofd" > < optreden van de methode = "addcss" > <. Tabel > CSS /producten. De CSS < /- tabel > < /actie > < /Referentie% GT%, nu we met een mooie magento deel.Ja, kunnen we alle standpunten van specifieke CSS tot een enorme CSS dossier, maar we zijn geen mensen, we zijn?Meerdere http huilen, laten we deze methode de vereenvoudiging van ons beter de CSS., in de eerste plaats om een verwijzing van het dossier, en onze pagina 's voor de concrete inhoud.Hier, ik steek een document dat de product.css, waarin alle pagina 's van specifieke CSS we naar boven.Dat je niet beperkt tot, de CSS.Js en andere activa (met inbegrip van is. En het type = < "catalog/product_view" naam "product.info" template= "catalog/product/view.phtml" > nu, we vragen om gebruik te magento a model voor de inhoud deel van de pagina, < het type = "catalog/product_view_media" naam "product.info.media" as= "MEDIA" template= "catalog/product/view/media.phtml" /> het type = < "; catalog/product_view_description" naam "product.description" as= "de omschrijving" template= "catalog/product/view/description.phtml" /> < het type = "catalog/product_view_type_simple" naam "product.info.simple" as= "product_type_data" template= "catalog/product/view/type/simple.phtml" /> < het type = "catalog/product_view" naam "product.info.addtocart" as= "toevoegenTocart "model" Gids /product /standpunten /AddToCart. PHTML "/> deze definitie alle afzonderlijke blokken in de belangrijkste inhoud te blokkeren.Eigenlijk, we gebruiken een model voor de weergave van het imago van het product, geeft een overzicht van de beschikbaarheid van de prijs en de beschrijving van het /de aan winkelkarretje toevoegen van de functie, en de vertegenwoordigers van onze basis, het dossier volledig is, stap 4., - het creëren van onze meester, nu we De indeling van bepaalde kunnen we in de oprichting, de catalogus van documenten /product /view.phtml, we aangewezen als deel van de inhoud van de belangrijkste vorm van XML - het begin van het dossier, van ons in het laatste deel van de kader gecreëerd model enigszins anders, omdat we nog wat kleine dingen en niet door het model en de weg, om te voorkomen dat de API - om te helpen. We uitbreiding rechtstreeks, <?PHP _helper dollar = dollar - > hulp ('catalog /output "); _product dollar = dollar - > getproduct (); de???????> < vorm van actie = "<?PHP ECHO - > getaddtocarturl ($_product)?> "methode =" na "=" product_addtocart_form "<?PHP als ($_product - > getoptions ()):???????> enctype = "multipart/form-data" <?Endif;?> > < div = "niet" > < input - type = "verborgen" naam "product" waarde = < "?PHP ECHO $_product - > getid ().> "> < input - type =" verborgen "naam" related_product "=" betrokken product "op het gebied van de waarde van de" /> < div = "voornamelijk het imago van het product" > <?PHP ECHO - > getchildhtml (media).> < /div > < div = "product details" > <?PHP getchildhtml (ECHO - >'product_type_data ").> <?PHP getchildhtml (ECHO - >'addtocart ").> < /div > < H1 > <?PHP ECHO $_helper - > productattribute (_product dollar _product - > getname (), "naam").> < /H1 > <?PHP als ($_product - > getshortdescription ()):???????> < H > <?PHP __ (ECHO - > snelle overzicht ").> < /H > < P = "overzicht" > <?PHP ECHO $_helper - > productattribute (_product dollar, nl2br ($_product - > getshortdescription ()), "short_description").> < /P > <?Endif;?> <?PHP getchildhtml (ECHO - >'description ").> < /vorm > < /div >, als je een glimp van je vindt, we hoeveel verdienen, getchildhtml, om de stukken van de inhoud.Het ging zoals verwacht, de inhoud van deze inhoud in de onder punt.PHP _helper dollar = dollar - > hulp ('catalog /output "); _product dollar = dollar - > getproduct (); de???????>, op dit moment, moeten we niet weten wat dat betekent.In lekentaal, op basis van de specifieke eisen van onze magento producten opgeslagen informatie, zodat we het kunnen aanpakken, dan zullen zijn vermeld op de pagina < een vorm van actie = "<?PHP ECHO - > getaddtocarturl ($_product)?> "methode =" na "=" product_addtocart_form "<?PHP als ($_product - > getoptions ()):???????> enctype = "multipart/form-data" <?Endif;?> > hier gebruiken we een magento API - methoden die in de vorm van een dynamische URL 's nodig, < H1 > <?PHP ECHO $_helper - > productattribute (_product dollar _product - > getname (), "naam").> < /H1 >, gebruiken we een andere magento product rechtstreeks verkregen titels, <?PHP als ($_product - > getshortdescription ()):???????> < H > <?PHP __ (ECHO - > snelle overzicht ").> < /H > < P = "overzicht" > <?PHP ECHO $_helper - > productattribute (_product dollar, nl2br ($_product - > getshortdescription ()), "short_description").> < /P > <?Endif;?> en als gevolg van de snelle overzicht moet één of twee zinnen, ik kies de invoer zonder gebruik te maken van formulieren rechtstreeks.We gebruiken dezelfde functies voor het verkrijgen van de titel, stap 5 - model te creëren voor onze blok, alle belangrijke onderdelen zijn gedaan, kunnen we ons concentreren op één blok.Nu, we hebben de behandeling van de bij de berekening van de belangrijkste model, dat moet gemakkelijk zijn op te lossen, moeten we nu in onze code in de volgorde:, het imago van het product, en getchildhtml (media), rechtstreeks in kaart te brengen, de gids /product /standpunten /media. PHTML,.Ons dossier ziet er als volgt uit:PHP _product dollar = dollar - > getproduct (); _helper dollar = dollar - > hulp ('catalog /output ");?> <?PHP _img dollar = "< IMG =" beeld "src =". "Dollar - > hulp ('catalog /beeld) - > ondernemers (_product dollar," imago ")" (= "." dollar - > htmlescape ($dit > getimagelabel ()). Titel: "dollar". - > htmlescape ($- > getimagelabel ()). '"/>"; ECHO $_helper - > productattribute (_product dollar, _img dollar, "imago");?> een eenvoudige PHP code.We gebruiken de methode voor het verkrijgen van het imago van het product, en dan verschijnen op het scherm. Getchildhtml, beschikbaarheid en prijzen, ('product_type_data "), rechtstreeks in kaart te brengen, de gids /product /standpunten /type /eenvoudig. PHTML,.Ons dossier ziet er als volgt uit:PHP _product dollar = dollar - > getproduct ().> < div = "beschikbaarheid van de producten beschikbaarheid" > <?PHP als ($_product - > issaleable ()):???????> < trans - type = "beschikbare" > <?PHP ECHO - > __ ("bestand").> < Kruis > <?Php?> < trans - type = "beschikbaar" > <?PHP __ (uit de ECHO - > aandelen)?> < Kruis > <?Endif;?> < /div > < div = "prijzen" > de prijs van < span > <?PHP ECHO - > getpricehtml ($_product)?> < Kruis > < /div > we eerst onderzoeken of het haalbaar is en of de projecten niet de vereiste: //europa.eu.int /comm /.Voor het verkrijgen van de prijs van het product is een eenvoudige methode.In het winkelwagentje,,, getchildhtml ('addtocart "), rechtstreeks in kaart te brengen, de gids /product /PHTML AddToCart,.Ons dossier ziet er als volgt uit:PHP _product dollar = dollar - > getproduct ().> <?PHP als ($_product - > issaleable ()):???????> < de knop is getiteld "<?PHP __ (ECHO - >'add auto ").> "=" select knop auto "> <?PHP __ (ECHO - >'add auto ").> < /knop > <?Endif;?>, is het logisch dat wij nagaan of een project is de produktie van voor de verkoop: //europa.eu.int /comm /we.Dit is gewoon een knop, is het duidelijk dat de beschrijving van het product, en getchildhtml ('description "), rechtstreeks in kaart te brengen, de gids /product /standpunten /beschreven. PHTML,.Ons dossier ziet er als volgt uit:PHP _description dollar = dollar - > getproduct () () - > getdescription.???????> <?PHP als ($_description):???????> < H > de beschrijving van het product < /H > < div = "de beschrijving van het product" > <?PHP ECHO - > hulp ('catalog /output) - > productattribute ($- > getproduct (), nl2br ($_description), beschreven).> < /div > <?Endif;?>, vergelijkbaar met wat we met een kort overzicht van het gebruik van de methode, we magento ingebouwd om de nodige informatie.In de voor de destructie, we controleren het bestaan, als je zo nieuwsgierig, ik meestal alleen door middel van een model voor de beschrijving van het model, omdat het in je op, bijna altijd op een bepaalde manier te beschrijven.In dit geval is het makkelijk om de logica van de resolutie in het eigen model.Aan de andere kant, een snel overzicht, meestal vrij kleine, dus met inbegrip van de directe.Dat hangt helemaal van jou af.Een groot aantal opmerkingen kan je maar het ontwerp en ik wilde kiezen.Dus, ik moet het je vragen, in het kader van de lezers, voor een deel, door in de rubriek opmerkingen de volgende opmerkingen.Vergeet me niet te vertellen dat je de volgende heen een!, laatste zin, dat doen we allemaal.Vandaag, we hebben onze gewoonte magento betreft de eerste opvatting van producten betreft, en het zoeken naar hoe magento laten we pagina 's en de inhoud van bepaalde activa.Dat is het nuttig voor je, en je vond het erg interessant.Want dit is een veel lezers ik zal nauwlettend in de gaten met een opmerking, als u vragen heeft een nieuw onderwerp, wat is het probleem?Mooie dingen zeggen?De kritiek?Sloeg de opmerkingen, wil ik een opmerking maken.Gelukkig code.,