, magento ontwerper: 6,,,,,,,,,,,, delen, delen van,,,,,, het netwerk van 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: ontwerpers van een deel van 5magento: de functie van opslag, 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 zesde deel, bouwen wij een meerderheid van de lezers van de functie van de eisen van de kenmerken van het product: in Een glijder.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: informatie - Deel 6: de bouw van de pagina' s, en de inhoud van de glijder, een snelle herziening van de laatste, in in ons deel van het product werd vastgesteld, pagina 's informatie, om goed te kijken naar de gegevens in zijn hoe een typische magento betreft de winning en de display.En we keken naar de kern van de verschillende thema 's hebben we het gebruik van methoden voor het verkrijgen van gegevens van verschillende media en onze producten.Ik hoop dat je weet dat er ten minste een briefje, omdat we vandaag weer te gebruiken.We bouwen, vandaag?Vandaag, zullen we, om alle belangrijke homepage.Zoals altijd, ik zou zo eenvoudig mogelijk zijn, niet de kenmerken van een vreemde.Verschillende winkels met een andere inhoud op hun website.Een van de meest populaire is de eis dat de inhoud van de functie is één van de kenmerken van het product, de glijbaan is javascript.Ik weet dat dit klinkt interessant, je wil beginnen.Oké, laten we beginnen.Voor de doelstellingen van de pagina 's, en de andere pagina' s, zoals we ons doel, het specifieke pagina 's is relatief simpel.We willen gewoon een blok, waaruit blijkt dat bepaalde producten in een nette burgers.Dus, heb ik een korte lijst van elementen:,,, denk ik dat het nodig is op de voorpagina javascript blok moet een pakkende beelden om de aandacht te trekken aan de linkerkant van de producten, in het juiste deel, zullen we de naam van het product, met inbegrip van de prijzen en een korte beschrijving in het blok. Een kleine navigatie in de verschillende foto 's -, is het van het grootste belang is, niet door de bevordering van projecten die de kenmerken en, dat is het.Ik wilde dat het zo eenvoudig mogelijk te kiezen, dus doe het niet.Natuurlijk moeten we de voor - en achterkant van de werkzaamheden en om onze doelstellingen te realiseren.En de pagina 's, uiterlijk, eigenlijk al zo:,, stap 1: //europa.eu.int /comm /, laten we eerst eens kijken naar de inhoud alleen: //europa.eu.int /comm /deel.Ik veronderstel dat je vrij vloeiend: //europa.eu.int /comm /en CSS, dus ik spring in de zeer belangrijke delen. < die dia 's = "thuis" > < div = "glad" > < die van de klas van' het imago van het product "> < een href ="&#"titel:" zonda f "> < IMG - src =" beelden /zonda. "(=" zonda f "titel:" zonda f /> < /> < /div > < die soort = "product details" > < H > zonda f < /H > die = < "prijs" > 700000 < /div > < p> Pagani zonda Cinque. Zonda is rijdende sportwagen Die Pagani in Italië.< /P > < /div > < /div > <.- nog meer dia 's continue produkt - > < /div > op dit punt, dit is allemaal zeer fundamentele zaken.En de dia 's huis, is ons hele dia' s met containers worden doorgegeven aan de verantwoordelijk voor het blok javascript, elke dia is door een die zei dat het perceel, glad.We hebben twee interne drijvende container: een voor beeld van een product, is de informatie over zichzelf.We kunnen in de vorm van een deel van de maatregelen 2.,, /* * * * * * * * * * * * * * - /homepage. Lub {duidelijk: twee; -: de automobielindustrie, de oude 10 pixels; breedte: 898px; 1 - pixel vaste grens&#e1e1e1; achtergrond:&#f6f6f6;} {links drijven: breedte: het imago van het product; 650px; oude: 10 pixels. 1 - pixel vaste&#e1e1e1; achtergrond:&#fafafa;}. Gegevens betreffende het product (variabele: breedte: links; 190px; deposito 's: 0 0 0 20px;}. Gedetailleerde informatie over Dit product. De prijzen {marge: - 15 pixel 0 0 0; kleur:db000;}. De gegevens betreffende het product P (marge: 10 pixels 0 0 0;} {# navigatie: absolute; de top: 255px; rechts: worden 250px; index: 2000;}&#netto {marge: 10 pixels; lengte: breedte aangebracht;INDEX: aangebracht; z: 1000; drijvende: links; de tekst streepje: - 9999px; de wijzer. 1 - pixel vaste&#fff; achtergrond:&#EEE;}&#activa: {grens: 1 - pixel vaste die&#fff; achtergrond:ϧ} {# NAV a.activeslide: 1 - pixel vasteƼ&#achtergrond: 333;}, ook hier.De zeer fundamentele elementen van de CSS wordt nota genomen van het standpunt van de punt is de verklaring van de activeslide,,.Deze categorieën worden toegewezen aan de dia 's van hun navigatie - anker.Stap 3 - die we in de winkel, het eerste wat we moeten doen, is de vaststelling van een afzonderlijke categorie, kunnen we de distributie van alle producten, moeten we op onze glijder.Klik, catalogi, menu 's, en dan, de categorieën.De toevoeging van nieuwe wortel,,, de sleutel in je naam kiezen, kies dan voor het initiatief niet is Down.We willen niet dat het op de website van het andere deel van dat, wanneer de nieuwe categorieën worden bewaard, kan je het vinden is toegewezen aan de identificatie.Schrijf het op.We zullen het nodig hebben en wij zullen gebruik maken van één model van dossiers te trekken van relevante informatie en, indien nodig, en dat alles nodig hebben.Uw naam en locatie van het dossier, maar in het simpel houden uitsluitend in het belang van de vrijheid, en ik noemde het, featured.phtml, in de gids /product /kenmerken. PHTML,.Weet je nog, dat je model in de MAP, in plaats van de lay - out van je MAP.De inhoud van het dossier, ziet het er zo uit.Maak je geen zorgen over de lengte, zullen we in elke film van de code.PHP cat_id dollar = "2"; _productcollection dollar = mage:: getresourcemodel ('catalog /product_collection ") - > addattributetoselect (array (" naam ", de" prijs "," small_image "," short_description ") en de" interne ") - > addcategoryfilter (mage:: getmodel ('catalog /categorieën) - > de lading ($cat_id); als (!_productcollection dollar - > Count ()): ECHO $dit > __ (er zijn geen producten dezelfde keuze. "); de andere:???????> < die dia 's = "thuis" > <?PHP i = 0; voor (_productcollection dollar _product):???????> < div = "glad" > < die van de klas van 'het imago van het product "> < href = <"?PHP ECHO $_product - > getproducturl ().> "titel:" <?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image")."> > < IMG - src = <"?De ECHO - hulp (PHP >'catalog /beeld) - > ondernemers (_product dollar "small_image") - > aanpassing (650, 250);?> "(= <"?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image").> "titel:" <?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image").> "> < /> < /div > < div =" product details "> < H > <?PHP ECHO $_product - > getname (); de???????> < /H > < div = "prijs" > <?PHP number_format ($_product ECHO - > getfinalprice (, 2);?> < /div > < p> <?PHP ECHO $_product - > getshortdescription (); de???????> < /P > < /div > < /div > <?PHP endforeach?> < /div > <?Endif;?> dit is het eerste:, cat_id dollar = "2", in de eerste plaats moeten wij aan de categorie ID, we willen onze producten.In ons geval, dit is 2, we hebben net het creëren van categorie id = tovenaars, _productcollection dollar:: getresourcemodel ('catalog /product_collection ") - > addattributetoselect (array (" naam ", de" prijs "," small_image "," short_description ") en de" interne ") - > addcategoryfilter (meester:: getmodel ('catalog /categorieën) - > belasting ($cat_id)); dit lijkt enigszins gecompliceerd, maar ik verzeker je, het is heel eenvoudig.Zet het in lekentaal, we zijn eigenlijk in de categorie van de door middel van de variabelen, we moeten cat_id id, vroeg magento zoeken de naam, de prijs, de beelden en bijpassende korte omschrijving van het product.Nu, ik stel voor dat je de rest van je meester niet bewegen tenzij hij en magento kader, als (andere aspecten._productcollection dollar - > Count ()): ECHO $dit > __ (sorry, zonder de criteria voor de selectie van de projecten in overeenstemming met uw "); de andere:???????> wij moeten onderzoeken of we er met ons project, niet?Dat is wat we hier doen.Gewoon om ervoor te zorgen dat we overeen met de post.Als we niet, dat een vergissing.En hetPHP i = 0; voor (_productcollection dollar _product):???????>, laten we beginnen met de producten die de cyclus., < href = < "?PHP ECHO $_product - > getproducturl ().> "titel:" <?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image")."> > < IMG - src = <"?De ECHO - hulp (PHP >'catalog /beeld) - > ondernemers (_product dollar "small_image") - > aanpassing (650, 250);?> "(= <"?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image").> "titel:" <?PHP ECHO - > htmlescape ($- > getimagelabel (_product dollar "small_image").> "> < een >, < H > <?PHP ECHO $_product - > getname (); de???????> < /H > < div = "prijs" > <?PHP number_format ($_product ECHO - > getfinalprice (, 2);?> < /div > < p> <?PHP ECHO $_product - > getshortdescription (); de???????> < /P >, als je dit gelezen. Een deel van de code, moet je wel.We gebruiken magento bakken methoden zoeken over ons product media., tweede alinea, mogelijk omdat niet meer abstracte methode is een beetje anders, de manier waarop ik het bot met bijna voor de rechtstreekse toegang tot de gegevens die we nodig hebben, en als je me een beetje in de war, hier, zolang de door de code van Het meer.De naam is voor interpretatie.Het enige obstakel moet ons hoe je beelden zelf: we moeten we één van zijn medewerkers om beelden te verkrijgen, en de aanpassing van de omvang van de grootte, hebben we nodig.Niet meer, de aandacht, we openen en sluiten, glad, die elke cyclus.Dit is voor elk product en de informatie - elementen in een container te creëren zodat we na een blok, en dit, onze basis PHP is intact.,, salaristrap 5 javascript, dit is geen zin hier volledig opnieuw beginnen, aangezien deze reeks richt zich hoofdzakelijk op de magento.Dus, we gebruiken een uitstekende « plugin », die we vandaag dit blok: in de eerste cyclus, maar naar de wortel /js.,,, en het creëren van een map, nomenclatuur, cirrus,.Verschillende mensen hebben verschillende organisaties.Ik hou van een van de thema 's van de organisatie is in plaats van ze in scheiding aan de bron.We hebben een [dat]: 1.4, de laatste cyclus en een gewoonte in het script, ik noemen, mokka, hier de inhoud van ons is geschied.(functie ($) ($(document). Voorbereiding (functie) ($("thuis"&#dia 's ("). In die < =" activa ">"). De cyclus ({Buitenlandse: "verdwijnen", snelheid: 1500, time - out: 5000, opschorten: 1 vertraging: 5000, Pieper,: "# NAV"});});}) (:), ten eerste, we zien iets in de verpakking, (functie ($) (///////code}) (:), stuk.Dit is ervoor te zorgen dat dit conflict niet met andere documenten, met inbegrip van de bibliotheek, klaar voor het blok, zoals altijd, is ervoor te zorgen dat we de code van de belasting als gevolg van de activa op alle pagina 's magento houdt van ons. De Top van het dossier, de plug - in - is heel eenvoudig.Zolang de belangrijkste bijdrage van containers, de dia 's id, in ons geval, laten we gaan.Ik ben tot wijziging van een aantal opties bieden, laat het ons doen, wat nodig is om onze aandacht, dynamische en navigatie elementen in de DOM en javascript container vinden.Dit element als javascript nodig.Als we dat niet doen, in de hoop dat we niet in de pagina 's niet nutteloos code.Zullen we ook bij de keuze van de burgers in de navigatie - container.Onze code javascript deel is voorbij. En om onze stap 6, pagina 's, nu we alle voorbereidingen zijn afgerond, kunnen we eindelijk onze homepage van de toewijzing, en klik op CMS menu' s en de keuze van pagina 's, te kiezen.Klik op de homepage van de pagina 's die in de eerste moet het etiket, is heel duidelijk.De pagina om ervoor te zorgen dat we in de inhoud.,, rekening, zorg ervoor dat je in de volgende na het uitschakelen van Edit: {{blok type = "Gids /product_list" block_id = "model" lijst van de kenmerken van het product "= /product /kenmerken. PHTML"}}, dit is magento methoden, met inbegrip van de vereiste stukken.We geven het een identiteitskaart, als referentie, en wijst erop dat het gebruik van modellen in het veranderen van de indeling, etikettering, een model in de kolom 1, omdat we er alles van, en in de volgende actualisering van het XML - lay - out.- naam, < "hoofd" > < de actie "addCss" > de methode = < stylesheet> css/home.css< /stylesheet> < /action> < de actie "addJs" > de methode = < script> cirrus/jquery-1.4-min.js< /script> < /action> < de actie "addJs" > de methode = < script> cirrus/cycle.js< /script> < /action> < de actie "addJs" > de methode = < script> cirrus/mocha.js< /script> < /action> < /reference> als de opbouw van de product, herinner jij je hoe we deze pagina, opgenomen in de page's CSS dossier te maken - dat het hele codebase niet geladen voor. Pagina?Wat wij hier doen, is eigenlijk hetzelfde.En niet alleen voor het creëren van een XML - bestand, magento laat ons in deze rechtstreeks door de interface, we laden we gewoonte CSS, bibliotheken, bevat alle we met onze code script, op de "red" voor het behoud van onze vooruitgang op de magento, leeg zijn en het mooie. Je de dia 's door middel van een zeer mooie glorie.Zullen we in de volgende delen van het gebouw,...Dat hangt helemaal van jou af.Heb ik die bijna alle relevante informatie op maat, geen oog voor een oog, en de door elk van zijn volledige contra - intuïtief.Dus, ben ik tot de conclusie gekomen dat alles wat overblijft is het creëren van een aangepast module, ik wil door deze reeks loopt het programma.Ik kan het schrijven van een snelle aanpassing van de richtsnoeren en de optimalisering van magento als er genoeg mensen geïnteresseerd zijn in dit artikel..Als je echt voelt in deze reeks voor de komst van sommige moeten worden gedekt, aarzel niet, laat het me weten., laatste zin, dat doen we allemaal.Vandaag leren we van het creëren van een pas thuis, en de kenmerken van het product van een slip.We hebben geleerd om te doen, is niet afhankelijk van een derde partij uit te breiden, in plaats van al deze eigen code.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 rubriek opmerkingen, laat ik een verklaring.Gelukkig code.,
