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.