Widget’lar, Magento 2 web sitenizdeki CMS sayfalarına ve bloklarına dinamik veya statik içerik eklemenizi sağlayan inanılmaz özelliklerdir. Bir Magento 2 mağazasının CMS bloğunda kullanılabilecek birden fazla işlevsellik sağlayan yeniden kullanılabilir ve gerekli araçlardır.


Magento mağazasına eklendiğinde, Widget’lar ziyaretçilerin mağazanızı kolayca gezinmesini ve görüntülemesini sağlar. Yönetici panelinde benzeri görülmemiş kontrol ve esneklik sunarken kullanıcı deneyimini zenginleştiren göz alıcı web sitesi şablonları ve tasarımları oluştururlar.

Bu eğitici, ziyaretçilerin deneyimini artırmak ve mağaza içindeki gezinmeyi iyileştirmek için Magento 2 mağazanızda özel bir widget oluşturmanıza yardımcı olacaktır.

Hazır? Başlayalım.

Adım 1 – Yeni Bir Modül Oluşturma

Magento 2’de özel bir widget oluşturmanın ilk adımı yeni bir modül oluşturmaktır. Modül bir modül klasörü gerektirir ve bizim durumumuzda bir ad alanı kullanır. HostAdvice ad alanı olarak ve CustomWidget modül klasör adı olarak. Modül klasörü, satıcı klasöründe Uygulamanın / kod.

Bu öğretici adına şunu kullanacağız: Uygulamanın / kod / HostAdvicel / CustomWidget / composer.json. Besteci, modülle birlikte kullanmasak da, çalıştırdığımızda bu dosyayı yükleyecek.

Adım 2 – registration.php oluşturma

Modülü Magento’ya kaydetmemiz gerekiyor. Bunu yapmak için, önce bir register.php yerde Uygulamanın / kod / HostAdvice / CustomWidget / registration.php aşağıdaki kodu kullanarak.

<?php
\ Magento \ Framework \ Component \ ComponentRegistrar :: kayıt (
\ Magento \ Framework \ Component \ ComponentRegistrar :: MODÜL,
‘Toptal_CustomWidget’,
__DIR__
);

Ardından, konumda bir module, module.xml kayıt dosyası oluşturmak için aşağıdaki kodu kullanın Uygulamanın / kod / HostAdvice / CustomWidget / module.xml.

<?xml sürümü ="1.0" ?>

3. Adım – Widget’ı başlatma

Gerekli kayıt dosyalarını oluşturduktan sonra, bir sonraki adım widget’ı başlatmaktır. Oluşturmak widget.xml konumdaki yapılandırma dosyası Uygulamanın / kod / HostAdvice / CustomWidget / etc / widget.xml. Aşağıdaki komutu kullanın:

<?xml sürümü ="1.0" ?>

HostAdvice Örnek Widget’ı

Başlık

içerik

Yukarıdaki komutta, iki giriş alanını etiketledik, Başlık, ve içerik. Yeni widget çağrıldığında, her iki alanın değerleri görüntülenir. Ayrıca, etikette blok sınıfını ilan ettik, HostAdvice \ CustomWidget \ Blok \ Araç \ Samplewidget belirli bir aracı kullanmak için yeni widget’ı yönlendirmek.

Adım 4 – Bir Widget Bloğu Oluşturma

Ardından, başlıklı bir blok alanı oluşturun Samplewidget.php, yerde HostAdvice / CustomWidget / Blok / Widget /, aşağıdaki kodu kullanarak:

<?php

ad alanı HostAdvicel \ CustomWidget \ Block \ Widget;

Magento \ Framework \ View \ Element \ Template kullanın;
Magento \ Widget \ Block \ BlockInterface kullanın;

sınıf Samplewidget genişletir Şablon uygular BlockInterface
{

korumalı $ _template = "Widget / samplewidget.phtml";

}

Yukarıdaki komutta, HostAdvice \ CustomWidget \ Blok \ Widge \ Samplewidget düzgün bir şekilde bildirilmiş ve $ _template değişken.

Şimdi, bir şablon dosyası oluşturmak için aşağıdaki komutu kullanacağız samplewidget.phtml, yerde HostAdvice / CustomWidget / görünüm / kullanıcı arayüzü / templates / widget’ı.

<?php if ($ bloğu->getData ( ‘widgettitle’)): ?>

<?php echo $ bloğu->getData ( ‘widgettitle’); ?>

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

<?php echo $ bloğu->getData ( ‘widgetcontent’); ?>

<?php endif; ?>
Yukarıdaki kodda, widget parametreleri $ this çağrısı yapılarak seçilmiştir->getData ( ‘widgettitle’); ve $ this->getData ( ‘widgetcontent’); değerler.

Adım 5 – Widget’ı Gönderme

Şimdiye kadar, özel widget’ınız başarıyla oluşturuldu. Magento 2 yönetici alanına giriş yapın ve içerik sonra Sayfalar.

Tıklayın seçmek Ana Sayfa seçeneğinde ve Düzenle.

Genişletin içerik bölümüne gidin ve Widget Ekle özel widget’ı yüklemek için simge.

Bu sizi Widget Ekle alanı. Widget Türündeki oku tıklayın, HostAdvice Örnek Widget’ı, açılır listeden.

İçinde Widget Seçenekleri, giriş içerik ve Başlık ana sayfada görüntülenecek ve Widget Ekle’yi tıklayın.

Son olarak, herhangi bir değişiklik yapmak için CLI’yi başlatarak ve aşağıdaki komutları çalıştırarak Magento 2 önbelleğini temizleyin:

php bin / magento önbellek: temiz
php bin / magento önbellek: floş

Mağazanızın ön ucunu yükleyin.

Sonuç

Bu kadar! Magento 2 mağazanızda yeni bir özel widget’ı başarıyla geliştirdiniz ve gönderdiniz. Yeni widget, daha yaratıcı özgürlük sunduğu ve ürünlerinizi kolaylıkla pazarlamanıza izin verdiği için ön uç işleminiz için çok önemli olacak.

Bu en iyi 3 Magento barındırma hizmetlerine göz atın:

FastComet

Başlangıç ​​fiyatı:
$ 2.95


Güvenilirlik
9.7


Fiyatlandırma
9.5


Kullanıcı dostu
9.7


Destek
9.7


Özellikleri
9.6

Yorumları oku

FastComet’i ziyaret edin

A2 Hosting

Başlangıç ​​fiyatı:
$ 3,92


Güvenilirlik
9.3


Fiyatlandırma
9.0


Kullanıcı dostu
9.3


Destek
9.3


Özellikleri
9.3

Yorumları oku

A2 Hosting’i ziyaret edin

ScalaHosting

Başlangıç ​​fiyatı:
$ 4.95


Güvenilirlik
9.4


Fiyatlandırma
9.5


Kullanıcı dostu
9.5


Destek
9.5


Özellikleri
9.4

Yorumları oku

ScalaHosting’i ziyaret edin

İlgili Nasıl Yapılır Makaleleri

  • Magento 2’de Paket Ürünler Nasıl Oluşturulur
    orta düzey
  • Magento’da Yeni Bir Ürün Nasıl Oluşturulur
    acemi
  • Magento’da SSL / TLS Şifrelemesi Nasıl Kurulur
    orta düzey
  • Yeni Magento Teması Nasıl Oluşturulur
    orta düzey
  • Magento Cpanel Kurulumu
    acemi
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me