Widgety sú neuveriteľné funkcie, ktoré vám umožňujú pridávať dynamický alebo statický obsah na stránky a bloky CMS na vašom webe Magento 2. Sú to opakovane použiteľné a nevyhnutné nástroje, ktoré poskytujú viac funkcií, ktoré je možné využiť v CMS bloku obchodu Magento 2..


Po pridaní do obchodu Magento umožňujú widgety návštevníkom ľahko surfovať a prezerať si svoj obchod. Vytvárajú pútavé webové šablóny a návrhy, ktoré obohacujú používateľské prostredie a zároveň ponúkajú bezprecedentnú kontrolu a flexibilitu na paneli správcu..

Tento tutoriál vám pomôže vytvoriť vlastný widget v obchode Magento 2, ktorý zvýši dojem návštevníkov a zlepší navigáciu v obchode.

Pripravený? Začnime.

Krok 1 – Vytvorenie nového modulu

Prvým krokom pri vytváraní vlastného widgetu v Magento 2 je vytvorenie nového modulu. Modul vyžaduje priečinok modulu a v našom prípade sa použije menný priestor HostAdvice ako menný priestor a CustomWidget ako názov priečinka modulu. Zložka modulu bude umiestnená v priečinku dodávateľa s názvom app / code.

Pre účely tohto návodu použijeme app / code / HostAdvicel / CustomWidget / composer.json. Skladateľ tento súbor načíta, keď ho spustíme, aj keď skladateľa s modulom nebudeme používať.

Krok 2 – Vytvorenie registra.php

Potrebujeme zaregistrovať modul v Magento. Najprv vytvorte a register.php na mieste app / code / HostAdvice / CustomWidget / registration.php pomocou nižšie uvedeného kódu.

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

Ďalej pomocou nižšie uvedeného kódu vytvorte registračný súbor, modul.xml v danom umiestnení app / code / HostAdvice / CustomWidget / module.xml.

<?xml verzia ="1.0" ?>

Krok 3 – Inicializácia miniaplikácie

Po vytvorení požadovaných registračných súborov je ďalším krokom inicializácia miniaplikácie. Vytvor widget.xml konfiguračný súbor v umiestnení app / code / HostAdvice / CustomWidget / etc / widget.xml. Použite nasledujúci príkaz:

<?xml verzia ="1.0" ?>

HostAdvice Sample Widget

nadpis

obsah

Vo vyššie uvedenom príkaze sme označili dve vstupné polia, nadpis, a obsah. Vždy, keď sa volá nový widget, zobrazia sa hodnoty oboch polí. V značke sme tiež deklarovali triedu blokov, HostAdvice \ CustomWidget \ Block \ Widget \ Samplewidget nasmerovať nový widget na využitie konkrétnej šablóny.

Krok 4 – Vytvorenie bloku miniaplikácií

Potom vytvorte pole s názvom Samplewidget.php, na mieste HostAdvice / CustomWidget / Blok / Widget /, pomocou nasledujúceho kódu:

<?php

namespace HostAdvicel \ CustomWidget \ Block \ Widget;

použite Magento \ Framework \ View \ Element \ Template;
použite Magento \ Widget \ Block \ BlockInterface;

trieda Samplewidget rozširuje Šablónu implementuje BlockInterface
{

chránené $ _template = "Widget / samplewidget.phtml";

}

Vo vyššie uvedenom príkaze, HostAdvice \ CustomWidget \ Block \ widgetem \ Samplewidget je správne deklarovaná a vo vnútri $ _template premenlivý.

Teraz použijeme príkaz uvedený nižšie na vytvorenie súboru šablóny samplewidget.phtml, na mieste HostAdvice / CustomWidget / view / frontend / templates / widgetu.

<?php, ak ($ ​​blok->getData ( ‘widgettitle’)): ?>

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

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

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

<?php endif; ?>
Vo vyššie uvedenom kóde boli parametre widgetu zvolené volaním $ this->getData ( ‘widgettitle’); a $ to->getData ( ‘widgetcontent’); hodnoty.

Krok 5 – Zverejnenie miniaplikácie

Teraz je váš vlastný widget úspešne vytvorený. Prihláste sa do oblasti správcu Magento 2 a vyberte položku obsah potom stránky.

cvaknutie vybrať vo voľbe Domovská stránka a vyberte položku editovať.

Rozbaľte obsah a kliknite na ikonu Vložte widget ikonu na uverejnenie vlastného miniaplikácie.

Tým sa dostanete na Vložte widget area. Kliknite na šípku v časti Typ miniaplikácie a vyberte položku HostAdvice Sample Widget, z rozbaľovacieho zoznamu.

V Možnosti miniaplikácií, zadajte obsah a nadpis , ktoré sa majú zobraziť na domovskej stránke, a kliknite na Vložiť miniaplikáciu.

Nakoniec, ak chcete vykonať akékoľvek zmeny, vypláchnite vyrovnávaciu pamäť Magento 2 spustením CLI a spustením nižšie uvedených príkazov:

medzipamäť php bin / magento: čistá
medzipamäť php bin / magento: flush

Vložte front-end vášho obchodu.

záver

To je všetko! Úspešne ste vyvinuli a zverejnili nový vlastný widget v obchode Magento 2. Nový widget bude pre vašu front-end prevádzku rozhodujúci, pretože ponúka kreatívnejšiu slobodu a umožňuje vám ľahko predávať svoje výrobky.

Pozrite sa na tieto top 3 Magento hostingové služby:

FastComet

Vyvolávacia cena:
$ 2,95


Spoľahlivosť
9.7


stanovenie ceny
9.5


Užívatelsky prívetivý
9.7


podpora
9.7


Vlastnosti
9.6

Prečítajte si recenzie

Navštívte FastComet

Hosting A2

Vyvolávacia cena:
$ 3,92


Spoľahlivosť
9.3


stanovenie ceny
9.0


Užívatelsky prívetivý
9.3


podpora
9.3


Vlastnosti
9.3

Prečítajte si recenzie

Navštívte A2 Hosting

ScalaHosting

Vyvolávacia cena:
$ 4,95


Spoľahlivosť
9.4


stanovenie ceny
9.5


Užívatelsky prívetivý
9.5


podpora
9.5


Vlastnosti
9.4

Prečítajte si recenzie

Navštívte ScalaHosting

Súvisiace články s návodmi

  • Ako vytvoriť balík produktov v Magento 2
    stredná
  • Ako vytvoriť nový produkt v
    nováčik
  • Ako nastaviť šifrovanie SSL / TLS na serveri Magento
    stredná
  • Ako vytvoriť novú tému Magento
    stredná
  • Ako nainštalovať Magento do Cpanelu
    nováčik
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me