Hoe om ‘n pasgemaakte widget in Magento 2 te skep

Widgets is ongelooflike funksies waarmee u dinamiese of statiese inhoud op CMS-bladsye en blokke op u Magento 2-webwerf kan voeg. Dit is herbruikbare en noodsaaklike instrumente wat verskeie funksies bied wat in die CMS-blok van ‘n Magento 2-winkel gebruik kan word.


Wanneer dit by die Magento-winkel gevoeg word, kan Widgets besoekers in staat stel om maklik na u winkel te kyk en dit te besigtig. Hulle skep opvallende webwerf-sjablone en -ontwerpe wat gebruikerservaring verryk, terwyl dit ongekende beheer en buigsaamheid op die administrasiepaneel bied.

Hierdie handleiding sal u help om ‘n aangepaste widget in u Magento 2-winkel te skep om besoekers se ervaring te verhoog en navigasie binne die winkel te verbeter.

Gereed? Laat ons begin.

Stap 1 – Die skep van ‘n nuwe module

Die eerste stap wanneer u ‘n aangepaste widget in Magento 2 skep, is om ‘n nuwe module op te stel. Die module benodig ‘n modulemap en ‘n naamruimte, in ons geval, sal gebruik word HostAdvice as die naamruimte en CustomWidget as die module-lêernaam. Die module-lêergids sal in die verkopersmap met die titel geleë wees app / code.

Ter wille van hierdie tutoriaal gebruik ons ​​dit app / code / HostAdvicel / CustomWidget / composer.json. Die samesteller laai hierdie lêer wanneer ons dit bestuur, selfs al gebruik ons ​​die komponis nie met die module nie.

Stap 2 – Skep registrasie.php

Ons moet die module by Magento registreer. Om dit te bereik, skep eerstens ‘n register.php op die plek app / code / HostAdvice / CustomWidget / registration.php gebruik die onderstaande kode.

<?php
\ Magento \ Framework \ komponent \ ComponentRegistrar :: register (
\ Magento \ Framework \ komponent \ ComponentRegistrar :: MODULE,
‘Toptal_CustomWidget’,
__DIR__
);

Gebruik vervolgens die onderstaande kode om ‘n registrasielêer, module.xml op die plek te skep app / code / HostAdvice / CustomWidget / module.xml.

<?xml weergawe ="1.0" ?>

Stap 3 – Inisiëring van die widget

Sodra u die vereiste registrasielêers geskep het, is die widget geïnitialiseer. Skep ‘n widget.xml konfigurasie lêer op die plek app / code / HostAdvice / CustomWidget / etc / widget.xml. Gebruik die volgende opdrag:

<?xml weergawe ="1.0" ?>

HostAdvice-voorbeeld widget

Titel

inhoud

In die opdrag hierbo het ons twee invoervelde gemerk, Titel, en inhoud. Telkens wanneer die nuwe widget genoem word, word die waardes van beide velde vertoon. In die etiket het ons ook die blokklas verklaar, HostAdvice \ CustomWidget \ Blok \ Widget \ Samplewidget om die nuwe widget te rig om die spesifieke sjabloon te gebruik.

Stap 4 – Die skep van ‘n widgetblok

Skep nou ‘n blokveld met die titel Samplewidget.php, op die plek HostAdvice / CustomWidget / Blok / Widget /, gebruik die onderstaande kode:

<?php

naamruimte HostAdvicel \ CustomWidget \ Block \ Widget;

gebruik Magento \ Framework \ View \ Element \ Template;
gebruik Magento \ Widget \ Block \ BlockInterface;

klas Samplewidget brei die sjabloonimplemente BlockInterface uit
{

beskerm $ _template = "widget / samplewidget.phtml";

}

In bogenoemde opdrag, HostAdvice \ CustomWidget \ Blok \ Widge \ Samplewidget word behoorlik verklaar en ‘n pasgemaakte sjabloon word in die $ _template veranderlike.

Nou gebruik ons ​​die opdrag hieronder om ‘n sjabloonlêer te skep samplewidget.phtml, op die plek HostAdvice / CustomWidget / view / frontend / templates / widget.

<?php if ($ blok->getData ( ‘widgettitle’)): ?>

<?php eggo $ blok->getData ( ‘widgettitle’); ?>

<?php endif; ?>
<?php if ($ blok->getData ( ‘widgetcontent’)): ?>

<?php eggo $ blok->getData ( ‘widgetcontent’); ?>

<?php endif; ?>
In die bostaande kode is die widget-parameters gekies deur $ hierdie te noem->getData ( ‘widgettitle’); en $ hierdie->getData ( ‘widgetcontent’); waardes.

Stap 5 – Plaas die widget

U persoonlike widget is nou suksesvol geskep. Meld aan by Magento 2-beheergebied en kies inhoud dan bladsye.

Klik Kies in die tuisbladopsie en kies wysig.

Brei die inhoud en klik op die Voeg widget in ikoon om die pasgemaakte widget te plaas.

Dit sal u na die Voeg widget in gebied. Klik op die pyltjie in die widget-tipe, kies HostAdvice-voorbeeld widget, uit die aftreklys.

In die Widgets Opsies, gaan in die inhoud en Titel om op die tuisblad vertoon te word, en klik op Voeg widget in.

Laastens, om die veranderinge aan te bring, spoel die Magento 2-kas deur die CLI te begin en die opdragte hieronder uit te voer:

php bin / magento-kas: skoon
php bin / magento-kas: spoel

Laai die voorkant van u winkel.

Afsluiting

Dis dit! U het ‘n nuwe pasgemaakte widget in u Magento 2-winkel suksesvol ontwikkel en geplaas. Die nuwe widget is van uiterse belang vir u voorpuntbediening, want dit bied meer kreatiewe vryheid en stel u in staat om u produkte met gemak te bemark.

Kyk na die top 3 Magento-gasheerdienste:

FastComet

Beginprys:
$ 2.95


betroubaarheid
9.7


pryse
9.5


Gebruikersvriendelik
9.7


ondersteuning
9.7


Kenmerke
9.6

Lees resensies

Besoek FastComet

A2 Hosting

Beginprys:
$ 3,92


betroubaarheid
9.3


pryse
9.0


Gebruikersvriendelik
9.3


ondersteuning
9.3


Kenmerke
9.3

Lees resensies

Besoek A2 Hosting

ScalaHosting

Beginprys:
$ 4,95


betroubaarheid
9.4


pryse
9.5


Gebruikersvriendelik
9.5


ondersteuning
9.5


Kenmerke
9.4

Lees resensies

Besoek ScalaHosting

Verwante artikels oor hoe om te doen

  • Hoe u bondelprodukte in Magento 2 kan skep
    intermediêre
  • Hoe om ‘n nuwe produk in Magento te skep
    newbie
  • Hoe om SSL / TLS-kodering op Magento op te stel
    intermediêre
  • Hoe om ‘n nuwe Magento-tema te skep
    intermediêre
  • Hoe om Magento in Cpanel te installeer
    newbie
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me