Nakavt HTML şablonunda dış görünüm yolu nasıl belirtilir?


10

Magento_Paypal/web/template/payment/paypal-express.htmlŞablonda bir simge resmi eklemeye çalışıyorum . Simgesi içinde bulunur web/images. Aşağıdaki kodun e-posta HTML şablonlarında çalışan eşdeğerini kullanmak istiyorum, ancak bu belirli şablonu kullanmak istiyorum:

<img src="{{view url='images/icon-paypal.png'}}">

Kıvırcık ayraç değişkenleri bu HTML şablonunda çalışmadığından, temanın web/imagesdizininde bulunan bir görüntüye nasıl başvuruyorsunuz ?

Yanıtlar:


25

Sen buna gerek functioniçine jsşablondan.

require.toUrl('images/icon-paypal.png');

3
Tam da aradığım şey buydu - kabul edildi! İşte ilgilenenler için son görüntü etiket aşağıdaki gibidir: <img data-bind="attr: { src: require.toUrl('')+'images/icon-paypal.png' }" alt="">.
thdoan

2
Bu daha iyi olmaz mıydı require.toUrl('images/icon-paypal.png');? Denemedim, sadece işe yaradığını tahmin ediyorum.
Ben Crook,

1
@BenCrook Önerinizin çalıştığını onaylayabilirim.
Darren Felton

Teşekkürler @Meogi, başka biri onaylayabilirse cevabı güncelleyeceğim. Atm kontrol etmek için Magento 1 çok meşgul.
Ben Crook

1
@BenCrook Kontrol ettim ve çözümünüzün çalıştığını onaylayabilirim
Rafał Cz.

3

Phtml dosyasına yalnızca bir resim yolu eklemeye çalışıyorsanız, aşağıdaki yolu izlemelisiniz,

<img src="<?php echo $block->getViewFileUrl('images/image.png') ?>">\

Bunu Nakavt yolu ile yapmak için:

* .Phtml dosyasından pencereye bir değişken eklemeyi deneyin:

<script>
  window.imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
  </script>

ve bu değişkeni pencereden okumak:

  function someFunction() {
  var imgPath = window.imgpath;
  }

Resim kodunuzu değiştirin:

<img alt="" data-bind="attr: { src: someFunction() } "/>

ancak bu pencere yolunu baş kısmına çağırmanız gerekir, bu yüzden ko kullanarak yapmak daha iyidir.
Sunil Patel

3

phtml'de js değişkeni yarat

<script>
  var imgpath = '<?php echo $block->getViewFileUrl('images/image.png') ?>';
</script>

Şimdi yeni js işlevi oluştur

getImagepaypal: function() {
                return window.imgpath;
            }

html dosyasında

 <img alt="" data-bind="attr: { src: getImagepaypal() } "/>

Özel geçersiz kılmada tam js ve html dosyasının nasıl oluşturulacağını ve bunu xml'ye nasıl ekleyeceğinizi söyleyebilir misiniz?
Sarfaraj Sipai

modülünüzdeki manyeto varsayılan js ve html'yi geçersiz kılmak istediniz mi?
Qaisar Satti

evet ben "Magento_CheckoutAgreements" dosyaları phtml, js ve html geçersiz kılmak istiyorum.
Sarfaraj Sipai


Ben nasıl oluşturmak / geçersiz kılma modülü biliyorum ama ben bunu bilmek istiyorum özel tema geçersiz kılma "js" ve "html" geçersiz kılmak bilmiyorum.
Sarfaraj Sipai

0

Bunu herhangi bir gereksinim olmadan js dosyaları gerektiren her magento'da kullanabilirsiniz - satıcı / magento / module-theme / view / frontend / templates / page / js / requir_js.phtml

require.s.contexts ._. config.baseUrl
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.