skik widget udvikling i magento

, sædvane widget udvikling i magento,,,,, 37,,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i et stykke tid nu, magento har været den benchmark, der blandt de e - handel ­ rammer, der findes på markedet.kredit går til overflod af ­ rige indbyggede egenskaber, det kommer med, og extendability på grundlag af egne rammer for at udvikle skræddersyede udvidelser.  , i denne forelæsning, du vil lære begrebet widgets i magento, og hvordan man kan bruge dem.jeg vil vise, hvordan man kan skabe en skik dims, der er en meget stærk måde at lukke ­ ekstra elementer i magento.,,, introduktion til widgets, som magento entreprenør eller område administrator, du ved sikkert fra front ­ - ende layout struktur af magento.næsten hver eneste del af indhold, der er anbragt foran ­ - afslutning af magento genereres af "indholdet blokke".magento blokke er en meget stærk måde at strukturere front - ­ ende indhold og give fleksibilitet i at lade dig behandle dem ved brug af xml - filer, på den anden side er små ting, der giver stedet widgets administratorer for at give nye træk foran ­ - ende med en foruddefineret sæt konfiguration muligheder.vi kan sige, at widgets er mere venlig administratorer i forhold til blokke, fordi de ikke har at gøre med de korte kode at indsætte blokke.at indsætte en dims i den side, du skal bare vælge den dims i widgets ud og vælge den konfiguration, hvis der. lad os prøve at forstå dette gennem et enkelt eksempel.i den informationsmæssige sider af dit sted, du gerne vil vise "tryk" og "kontakt" forbindelser."tryk" link gør det muligt for brugerne til at trykke valgt side, og "kontakt" link, giver dem mulighed for at sende en forespørgsel e - mail til støtte - afdelingen.for at opnå dette, vi kan nøjes med at udvikle en magento dims, der gør det muligt at indsætte denne dims på administratorer i udvalgte statiske side af anlægget, så uden at spilde yderligere tid, lad os hoppe ind og se, hvad det kræver at udvikle en skik dims!og ja, jeg holder mig til eksempel ovennævnte.,, sædvane widget udvikling, vi vil udvikle en skik dims, der vil gøre det muligt for lokaliteten, administrator, at indsætte "tryk" og "kontakt" forbindelser i cms sider.vi vil også give den dims konfiguration for forbindelserne, således at administratoren kan vælge, hvilke forbindelser, hun vil vise i cms side.,, jeg formoder, at de er bekendt med strukturen i de magento moduler.First, let's see the file structure which we'll need to implement for our custom widget.,, ,app/etc/modules/Envato_All.xml,: It's a file used to enable our widget module., ,app/code/local/Envato/WidgetLinks/etc/config.xml,: It's a module configuration file., ,app/code/local/Envato/WidgetLinks/etc/widget.xml,: It's a widget declaration file which is used to declare widget information and parameters., ,app/code/local/Envato/WidgetLinks/Model/Options.php,: It's a model file which provides the options for the configuration., ,app/code/local/Envato/WidgetLinks/Helper/Data.php,: It's a file which is just there as per the standards., ,app/code/local/Envato/WidgetLinks/Block/Links.php,: The display logic for the widget goes here.,,File Setup,,As per det magento konventioner, først skal vi skabe modulet katalysator fil.skabe, app /etc /moduler /envato_all.xml og pasta følgende indhold i denne fil.vi har brugt "envato" som vores modul namespace og "widgetlinks" som vores modul navn.det vil gøre det muligt for vores "widgetlinks" modul ved misligholdelse.,, <!- ­­ app /etc /moduler /envato_all.xml ­­ - > <?xml - version = "0"?> < ud > < moduler > < envato_widgetlinks > < aktive > sande < /aktiv > < codepool > lokale < /codepool > < /envato_widgetlinks > < /moduler > < /ud >, fra nu af, vil vi skabe de nødvendige registre under, app /code /lokale /envato /widgetlinks,, som er vores widget modul vej.skabe, app /code /lokale /envato /widgetlinks /etc /ud. xml,   og pasta følgende indhold i denne fil.som du kan se, har vi netop erklæret, at den model, der hjælper og blokere klasse navne som pr magento modul xml - konventioner,.,, <!­­ - app /code /lokale /envato /widgetlinks /etc /config.xml ­­ - > <?xml - version = "0"?> <config> <modules> <Envato_WidgetLinks> <version>0.0.1</version> </Envato_WidgetLinks> </modules> <global> <helpers> <widgetlinks> <class>Envato_WidgetLinks_Helper</class> </widgetlinks> </helpers> <blocks> <widgetlinks> <class>Envato_WidgetLinks_Block</class> </widgetlinks> </blocks> <models> <widgetlinks> <class>Envato_WidgetLinks_Model</class> </widgetlinks> </models> </global> </config>,,Now for the interesting stuff: let's create the ,app /code /lokale /envato /widgetlinks /etc /widget.xml, fil og pasta følgende indhold i det, <!­­ - app /code /lokale /envato /widgetlinks /etc /widget.xml ­­ - > <?xml - version = "0"?> <widgets> <widgetlinks_links type="widgetlinks/links" translate="name description" module="widgetlinks"> <name>Print and Inquiry Options</name> <description>Allows to add Print and Inquiry link options</description> <parameters> <link_options> <label>Link Options</label> <visible>1</visible> <required>1</required> <type>multiselect</type> <source_model>widgetlinks/options</source_model> </link_options> </parameters> </widgetlinks_links> </widgets>,,Let's understand this file in a bit of detail. vi erklærer os widget af færdige med den entydige identifikationskode, widgetlinks_links,.næste, den type,   attribut anvendes til kort hedder widget fil i vores tilfælde vil det være, app /code /lokale /envato /widgetlinks /blok /forbindelser. folkesundhedsprogrammet.det oversætter,   og modul,   attributter er selvforklarende.,, yderligere, som vi ønsker at give konfiguration for vores dims, vi har erklæret denne bruger, < parametre >, hundetegn.du kan sige så mange parametre, som de ønsker at give, men i dette tilfælde er det kun et enkelt parameter, der hedder < link_options >,.det vil være en enkelt multi - vælge ud med to muligheder: "tryk" og "kontakt".og ja, < source_model >, et kort til modellen fil, app /code /lokale /envato /widgetlinks /model /muligheder. php, fra hvor vi får vores muligheder for at ud.,, lad os skabe model fil, app /code /lokale /envato /widgetlinks /model /muligheder. php,.,, <?php //app /code /lokale /envato /widgetlinks /model /options.php klasse envato_widgetlinks_model_options {/* * * giver muligheder, som en værdi /etiketten array - * * * /offentlige funktion @ tilbage array tooptionarray() {tilbage system (system (»value = > "tryk", "mærkning" = > 'print knap) system (»value = > e - mail - "," mærkning "= > e - mail - knappen" undersøgelse "))), er der behov for nogen forklaring?det er bare vant til at vende de muligheder for vores konfiguration ud!,, det skaber, app /code /lokale /envato /widgetlinks /blok /links.php, fil og indsæt følgende kode i den fil, <?php //app /code /lokale /envato /widgetlinks /blok /links.php klasse envato_widgetlinks_block_links udvider mage_core_block_abstract gennemfører mage_widget_block_interface {/* * * udarbejde forbindelser liste leveres som: * * @ tilbage snor * /beskyttede funktion _tohtml() {$html = ". $link_options = $denne ­ > getdata ('link_options') og hvis (tomme ($link_options) (http: //tilbage $;} $arr_options = eksplodere (", "$link_options); hvis (is_array ($arr_options) & & tæller ($arr_options)) (for hvert ($arr_options som $mulighed) (skift ($mulighed) (sag" tryk ": $html. = < div > < en href =" javascript: vindue. print(); "> print < /a > < /div.> "pause." e - mail: $html. = < div > < en href = "mailto: yourcompanyemail @ domæne. kom & om = undersøgelse" > kontakt os < /a > < /div > "pause.}}} tilbage $http: //;), er dette dossier, som vil gøre det konkrete arbejde, der viser den dims forbindelser foran ­ - ende.vi henter den værdi af den konfiguration, variable, link_options, ved anvendelse af følgende kode snippet.,,, $link_options = $denne ­ > getdata ('link_options);,,, det er kun de udvalgte valg af lokalitet administrator og oprettelsen af den dims i cms side.resten er forholdsvis let at forstå, for vi har lige forberede, html, output pr. skabt muligheder.,, vi skal skabe, app /code /lokale /envato /widgetlinks /hjælper /data.php, fil, bare for at sikre, at magento er oversættelse system fungerer korrekt.det er næsten en tom fil, men den skal være der!så lad os skabe det.,, <?php //app /code /lokale /envato /widgetlinks /hjælper /data.php /* * * prøve widget hjælper * /klasse envato_widgetlinks_helper_data udvider mage_core_helper_abstract {}, tak for den tålmodighed, vi har næsten gjort det!i det næste afsnit vil vi se, hvordan man bruger vores skik dims i ryggen ­ - ende cms sider.,, stik i den dims med administrationen af eu - erhvervsgrenen, nu klart alle depoter fra enden af magento og sørge for, at vores modul er aktiveret.efter det, gå til cms > sider, og tilføje en ny side af cms, tilføje nye side.udfylde de nødvendige oplysninger, som kræves, og mens du er i, indhold,   regning, der er et ikon i wysiwyg redaktør, som vist nedenfor.,,,,, klik på det symbol, som vil åbne, dims indsættelse, grænseflade, som vist i følgende skærmbillede.,,,,, i, dims type område, vælge vores skik dims, trykke og undersøgelse af valgmuligheder.når du vælger det, det skal vise konfiguration mulighed, link valgmuligheder.udvælgelse af de muligheder, som de ønsker, og klik på, indsæt dims,   knap til at indsætte den dims i cms side.her er, hvad det ser ud til, efter at indføje cms side.,,,,, nu, gem cms side, efter at alle de krævede oplysninger og tage over til front end at se, hvordan det ser ud.,,,,, så som du kan se, er der to forbindelser, der vises på cms side   foran ­ - slutningen af magento: fingeraftryk,   og kontakte os.det var en meget grundlæggende eksempel til at forstå begrebet widgets, og jeg håber, at de kan udvide det til noget mere nyttigt i deres tilfælde pr. jeres krav.,, konklusion, widgets i magento give mulighed for at berige den forreste ­ - funktionalitet specifikt for ikke - ­ - tekniske tilbage ­ - administratorer stedet.bortset fra, at magento giver dig mulighed for at oprette skik widgets pr. deres egne krav, og det er meget let at sætte op.,,, så jeg håber, at denne forelæsning har hjulpet med at forstå begrebet widgets og udvikling af custom widgets.jeg ser frem til din tanker i foder under!,

Widget Icon In the Back-End
Widget Insertion Interface
Widget in the Editor
Widget Demo in the Front-End



Previous:
Next Page: