Şu yazıyı okuyorsunuz: Magento 2’de jQuery kütüphanesi nasıl kullanılır?
Aynı anda uygulanması zor olan iki cümleyi dile getireceğim. (Ya da siz öyle düşünüyorsunuz!)
“Sayfa yükleme hızını optimize edin”
“SEO için optimize edilmiş ve genişletilebilir ön uç için jQuery’yi kullanma”
Mağaza için jQuery’nin otomatik tamamlama alanları gibi avantajlarından yararlanmak için Magento 2’de harici bir jQuery kitaplığı kullanmayı düşünebilirsiniz. Ancak bunu yapabileceğinizi de bilmiyor olabilirsiniz. Magento 2’de jQuery kütüphanesini kullanın varsayılan olarak ve gönderi nasıl olduğunu gösteriyor!
Harici jQuery kitaplığının kullanılması sayfa yükleme süresini artırır ve bu da dönüşümü ortadan kaldırır!
Ancak Magento 2’deki yerleşik jQuery kütüphanesini kullanmak sorunu çözer ve aynı zamanda jQuery’nin aşağıdaki gibi avantajlarını sunar:
- SEO optimize edilmiş
- Kullanımı kolay
- Tarayıcılar arası uyumluluk
- Nispeten kolay uygulama
- AJAX’ı basitleştirin
- Etkileşimli arayüz
- Açık kaynak
- Işık
Magento 2’de jQuery kütüphanesini kullanma yöntemi:
gerekmek([‘jquery’, ‘jquery/ui’], function ($) { // js kodunuz burada }); Örneğin: gerektirir ([‘jquery’, ‘jquery/ui’], function($){ $(document).ready( function() { warning(“jquery demosu.”); }); });
|
gerekmek([‘jquery’, ‘jquery/ui’]işlev ($){ //js kodunuz burada }); Örneğin : gerekmek([‘jquery’, ‘jquery/ui’]işlev ($){ $(document).ready( function() { uyarı(“jquerydemo”); }); }); |
Bu kadar.
Tek yapmanız gereken, düzen.xml dosyasında belirli RequireJS konfigürasyonuna sahip kütüphaneden bahsetmek. Ve kütüphane varsayılan Magento 2’de kullanımınıza sunulmuştur!
Bir dahaki sefere Magento 2’de bir komut dosyası geliştirdiğinizde sayfa yükleme hızını optimize etmek için RequireJS’yi kullanmayı unutmayın.
Yukarıdaki kodda herhangi bir sorunuz var mı? Lütfen bunları aşağıdaki Yorumlar bölümünde belirtin. Yardım etmekten mutlu olacağım.
Gönderiyi sosyal medya aracılığıyla diğer geliştiricilerle paylaşmaktan çekinmeyin.
Teşekkür ederim.
