จะระบุเส้นทางของภาพในเทมเพลต HTML ที่น่าพิศวงได้อย่างไร

ฉันพยายามเพิ่มภาพไอคอนในMagento_Paypal/web/template/payment/paypal-express.htmlเทมเพลต web/imagesไอคอนตั้งอยู่ใน ฉันต้องการใช้เทียบเท่ารหัสต่อไปนี้ซึ่งทำงานในแม่แบบ HTML ของอีเมล แต่ไม่ใช่แม่แบบนี้:

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

เนื่องจากตัวแปรปีกกาแบบหยิกไม่ทำงานในแม่แบบ HTML นี้คุณจะอ้างอิงภาพที่มีอยู่ในweb/imagesไดเรกทอรีของชุดรูปแบบได้อย่างไร

คุณต้องโทรfunctionเข้าjsจากเทมเพลต

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

หากคุณพยายามที่จะเพิ่มเพียงแค่เส้นทางภาพในไฟล์ phtml คุณควรทำตามวิธีด้านล่าง

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

เมื่อต้องการทำสิ่งนี้ด้วยวิธีที่น่าพิศวง:

ลองเพิ่มตัวแปรในหน้าต่างจากไฟล์ * .phtml:

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

และอ่านตัวแปรนั้นจากหน้าต่าง:

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

เปลี่ยนรหัสภาพของคุณ:

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

สร้างตัวแปร js ใน phtml

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

ตอนนี้สร้างฟังก์ชั่น js ใหม่

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

ในไฟล์ html ของคุณ

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

คุณสามารถใช้สิ่งนี้ในแต่ละวีโอไอพีต้องการไฟล์ js โดยไม่มีข้อกำหนดใด ๆ - มาจากผู้ขาย / วีโอไอพี / โมดูล - ธีม / มุมมอง / ส่วนหน้า / แม่แบบ / หน้า / js / require_js.phtml

require.s.contexts ._. config.baseUrl