Magento 2에서 사용자 정의 위젯을 만드는 방법

위젯은 Magento 2 웹 사이트의 CMS 페이지 및 블록에 동적 또는 정적 컨텐츠를 추가 할 수있는 놀라운 기능입니다. Magento 2 상점의 CMS 블록에서 활용할 수있는 여러 기능을 제공하는 재사용 가능하고 필수적인 도구입니다.


Magento 상점에 추가되면 방문자가 위젯을 사용하여 상점을 쉽게 서핑하고 볼 수 있습니다. 관리자 패널에서 전례없는 제어 및 유연성을 제공하면서 사용자 경험을 풍부하게하는 눈길을 끄는 웹 사이트 템플릿 및 디자인을 만듭니다..

이 튜토리얼은 Magento 2 스토어에서 커스텀 위젯을 생성하여 방문자의 경험을 높이고 매장 내 탐색을 향상시키는 데 도움이됩니다..

준비된? 시작하자.

1 단계-새 모듈 생성

Magento 2에서 커스텀 위젯을 생성하는 첫 번째 단계는 새로운 모듈을 설정하는 것입니다. 모듈에는 모듈 폴더가 필요하며 네임 스페이스는이 경우에 호스트 조언 네임 스페이스로 맞춤 위젯 모듈 폴더 이름으로. 모듈 폴더는 제목이 벤더 폴더에 있습니다. 앱 / 코드.

이 튜토리얼을 위해 우리는 app / code / HostAdvicel / CustomWidget / composer.json. 작성기가 모듈과 함께 작성기를 사용하지 않더라도 작성자가이 파일을 실행할 때이 파일을로드합니다..

2 단계-registration.php 만들기

Magento에 모듈을 등록해야합니다. 이를 달성하려면 먼저 register.php 위치에 app / code / HostAdvice / CustomWidget / registration.php 아래 코드를 사용하여.

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

그런 다음 아래 코드를 사용하여 위치에 등록 파일 module.xml을 작성하십시오. app / code / HostAdvice / CustomWidget / module.xm엘.

<?xml 버전 ="1.0" ?>

3 단계-위젯 초기화

필요한 등록 파일을 작성하면 다음 단계는 위젯을 초기화하는 것입니다. 만들기 widget.xml 위치의 구성 파일 app / code / HostAdvice / CustomWidget / etc / widget.xml. 다음 명령을 사용하십시오.

<?xml 버전 ="1.0" ?>

HostAdvice 샘플 위젯

표제

함유량

위의 명령에서 두 개의 입력 필드에 레이블을 지정했습니다, 표제, 과 함유량. 새 위젯이 호출 될 때마다 두 필드의 값이 표시됩니다. 또한 태그에서 블록 클래스를 선언했습니다., HostAdvice \ CustomWidget \ Block \ Widget \ Samplewidget 새 위젯이 특정 템플릿을 사용하도록 지시.

4 단계-위젯 블록 생성

다음으로 제목이 지정된 블록 필드를 만듭니다. Samplewidget.php, 위치에 HostAdvice / CustomWidget / Block / Widget /, 아래 코드를 사용하십시오.

<?PHP

네임 스페이스 HostAdvicel \ CustomWidget \ Block \ Widget;

Magento \ Framework \ View \ Element \ Template을 사용하십시오.
Magento \ Widget \ Block \ BlockInterface를 사용하십시오.

Samplewidget 확장 템플릿은 BlockInterface를 구현합니다.
{

보호 된 $ _template = "widget / samplewidget.phtml";

}

위 명령에서, HostAdvice \ CustomWidget \ Block \ Widge \ Samplewidget 제대로 선언되고 사용자 정의 템플릿이 $ _template 변하기 쉬운.

이제 아래 명령을 사용하여 템플릿 파일을 만듭니다. samplewidget.phtml, 위치에 HostAdvice / CustomWidget / view / frontend / templates / widget.

<?PHP if ($ block->getData ( ‘widgettitle’)) : ?>

<?PHP 에코 $ 블록->getData ( ‘widgettitle’); ?>

<?PHP endif; ?>
<?PHP if ($ block->getData ( ‘widgetcontent’)) : ?>

<?PHP 에코 $ 블록->getData ( ‘widgetcontent’); ?>

<?PHP endif; ?>
위 코드에서 $ this를 호출하여 위젯 매개 변수를 선택했습니다.->getData ( ‘widgettitle’); 그리고 $ this->getData ( ‘widgetcontent’); 가치.

5 단계-위젯 게시

이제 사용자 정의 위젯이 작성되었습니다. Magento 2 관리 영역에 로그인하여 함유량 그때 페이지.

딸깍 하는 소리 고르다 홈페이지 옵션에서 편집하다.

확장 함유량 섹션을 클릭하고 위젯 삽입 사용자 정의 위젯을 게시하는 아이콘.

이것은 당신을 데려 갈 것입니다 위젯 삽입 지역. 위젯 유형에서 화살표를 클릭하고 HostAdvice 샘플 위젯, 드롭 다운 목록에서.

에서 위젯 옵션, 들어가다 함유량표제 홈페이지에 표시하고 위젯 삽입을 클릭합니다.

마지막으로 변경하려면 CLI를 시작하고 아래 명령을 실행하여 Magento 2 캐시를 플러시하십시오.

PHP 빈 / 마 젠토 캐시 : 청소
PHP 빈 / 마 젠토 캐시 : 플러시

상점의 프론트 엔드로드.

결론

그게 다야! Magento 2 상점에서 새 사용자 정의 위젯을 성공적으로 개발하고 게시했습니다. 새로운 위젯은보다 창의적인 자유를 제공하고 제품을 쉽게 마케팅 할 수있게하므로 프론트 엔드 운영에 매우 중요합니다..

다음 3 가지 마 젠토 호스팅 서비스를 확인하십시오.

FastComet

시작 가격 :
$ 2.95


신뢰할 수 있음
9.7


가격
9.5


사용자 친화적
9.7


지원하다
9.7


풍모
9.6

리뷰 읽기

FastComet 방문

A2 호스팅

시작 가격 :
$ 3.92


신뢰할 수 있음
9.3


가격
9.0


사용자 친화적
9.3


지원하다
9.3


풍모
9.3

리뷰 읽기

A2 호스팅 방문

스칼라 호스팅

시작 가격 :
$ 4.95


신뢰할 수 있음
9.4


가격
9.5


사용자 친화적
9.5


지원하다
9.5


풍모
9.4

리뷰 읽기

ScalaHosting 방문

관련 사용법 기사

  • Magento 2에서 번들 제품을 만드는 방법
    중급
  • 마 젠토에서 새 제품을 만드는 방법
    초보자
  • Magento에서 SSL / TLS 암호화를 설정하는 방법
    중급
  • 새로운 마 젠토 테마를 만드는 방법
    중급
  • Cpanel에 Magento를 설치하는 방법
    초보자
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me