নকআউট এইচটিএমএল টেমপ্লেটে ত্বকের চিত্রের পথটি কীভাবে নির্দিষ্ট করবেন?


10

আমি Magento_Paypal/web/template/payment/paypal-express.htmlটেম্পলেটটিতে একটি আইকন চিত্র যুক্ত করার চেষ্টা করছি । আইকনটি অবস্থিত web/images। আমি নিম্নলিখিত কোডটির সমতুল্য ব্যবহার করতে চাই, যা ইমেল এইচটিএমএল টেমপ্লেটগুলিতে কাজ করে তবে এই বিশেষ টেম্পলেটটি নয়:

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

যেহেতু কোঁকড়া ধনুর্বন্ধক চলকগুলি এই এইচটিএমএল টেমপ্লেটে কাজ করে না, আপনি থিমের web/imagesডিরেক্টরিতে থাকা কোনও চিত্রকে কীভাবে উল্লেখ করবেন ?

উত্তর:


24

আপনাকে টেমপ্লেট থেকে কল করতে functionহবে js

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

3
আমি ঠিক যা খুঁজছিলাম - গ্রহণযোগ্য! এখানে যারা আগ্রহী জন্য চূড়ান্ত চিত্রটি ট্যাগ আছে: <img data-bind="attr: { src: require.toUrl('')+'images/icon-paypal.png' }" alt="">
thordan

2
যে হিসাবে ভাল হতে হবে না require.toUrl('images/icon-paypal.png');? আমি এটি চেষ্টা করে দেখিনি, আমি অনুমান করছি যে এটি কাজ করে।
বেন ক্রুক

1
@ বেনক্রুক আমি নিশ্চিত করতে পারি যে আপনার পরামর্শ কার্যকর হয়েছে।
ড্যারেন ফেলটন

ধন্যবাদ @ মেহোগী, অন্য কেউ যদি এটি নিশ্চিত করতে পারে তবে আমি উত্তরটি আপডেট করব। এটিএম এটি পরীক্ষা করতে আমি ম্যাজেন্টো 1 তে খুব ব্যস্ত।
বেন ক্রুক

1
@ বেনক্রুক আমি পরীক্ষা করে দেখেছি এবং নিশ্চিত করতে পারি যে আপনার সমাধান কাজ করে
রাফা সিজেড।

3

আপনি যদি পিটিএইচটিএমএল ফাইলটিতে কেবল একটি চিত্রের পথ যুক্ত করার চেষ্টা করছেন, আপনার নীচের দিক থেকে অনুসরণ করা উচিত,

<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() } "/>

তবে সেই উইন্ডো পাথটি আপনাকে অবশ্যই প্রধান অংশে কল করতে হবে, তবে কো ব্যবহার করে আরও ভাল।
সুনীল প্যাটেল

3

পিএইচটিএমএলে জেএস ভেরিয়েবল তৈরি করুন

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

এখন নতুন js ফাংশন তৈরি করুন

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

আপনি এইচটিএমএল ফাইল

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

আপনি কি দয়া করে আমাকে বলতে পারবেন কীভাবে কাস্টম ওভাররাইডে পুরো জেএস এবং এইচটিএমএল ফাইল তৈরি করতে হয় এবং কীভাবে এটি এক্সএমএলে যুক্ত করতে হয়?
সরফরাজ সিপাই

আপনি কি আপনার মডিউলে চৌম্বক ডিফল্ট জেএস এবং এইচটিএমএলকে ওভাররাইড করতে চান?
কায়সার সত্তি

হ্যাঁ আমি "ম্যাজেন্টো_চেকআউটআগ্রিমেন্টস" ফাইলগুলি পিএইচটিএমএল, জেএসএস এবং এইচটিএমএলকে ওভাররাইড করতে চাই।
সরফরাজ সিপাই


আমি জানি কীভাবে মডিউল তৈরি করতে / ওভাররাইড করতে হয় তবে কাস্টম থিম ওভাররাইডে "জেএস" এবং "এইচটিএমএল" কীভাবে ওভাররাইড করতে হয় তা আমি জানি না তাই আমি এটি জানতে চাই।
সরফরাজ সিপাই

0

আপনি প্রতিটি ম্যাজেন্টোতে এটি ব্যবহার করতে পারেন কোনও প্রয়োজন ছাড়াই জেএস ফাইলের প্রয়োজন - এটি বিক্রেতার / ম্যাজেন্টো / মডিউল-থিম / ভিউ / ফ্রন্টএন্ড / টেম্পলেটগুলি / পৃষ্ঠা / জেএস / প্রয়োজনীয়_জেএস.এফটিএমএল থেকে আসা

require.s.contexts ._। config.baseUrl
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.