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


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.