Questions tagged [knockoutjs]

Denotes questions related to Knockout use in Magento2

Filter by
Sorted by
Tagged with
2
votes
1answer
834 views

Magento 2: How can get value input with knockout Js?

<input type="hidden" name="test" value="test"/> i want using ko get value of input. my component define([ 'Magento_Ui/js/form/form', 'jquery', 'jquery/ui' ], function(Component) { ...
-1
votes
1answer
126 views

Magento 2: How can write jquery in html file?

I try it but not working with html file <script type="text/javascript"> require(['jquery', 'jquery/ui'], function($){ jQuery(document).ready( function() { alert("Page loaded."); }); }); ...
4
votes
1answer
1k views

How to update checkout/cart/ orders total when promo code is applied dynamically without page reload

I have changed my checkout/cart/ page promo code to ajax call so that it doesn't get reloaded, while on the success of that ajax call, I have to update the total price summary dynamically without ...
1
vote
2answers
965 views

magento 2 How to get dropdown selected value in knockout js on button click

I have my custom payment method on the checkout page with the dropdown list. and I want to get that dropdown selected value in knockout js and forward it to controller and store dropdown value in my ...
0
votes
0answers
223 views

How to get url parameter in knockout js in checkout/index/index/#payment page

I am trying to replace my custom payment method's button called "submit request" to "place order" button when the status is approved. I send status in URL parameter and now want to get it in knockout ...
0
votes
1answer
630 views

Use new field “Full Name” to replace “First Name” and “Last Name” in Checkout

My idea is to use to add a new field called "Full Name" and it will fill out the "First Name" and the "Last Name" while you type in the checkout. I have almost everything ready but I can't let know to ...
0
votes
1answer
538 views

Get config value in html using knockoutjs

I am trying to get config value to html file. My aim is to check if the config value is enabled of it is show a button and if it’s continue normally with out button the button. I am not sure how to ...
1
vote
1answer
251 views

Knockout Js get value from Config

I want to see if my module is enabled in config are through html using Knockout JS. ko if: module_enabled ==1 show a button if not don't show a button But i get this following error Uncaught ...
1
vote
0answers
49 views

Need somehelp get data from checkbox in checkout

I have used Aheadworks_OneStepCheckout and I added some checkbox. However, I can't get the value of the checkbox. My code: /** * Copyright 2019 aheadWorks. All rights reserved. * See LICENSE.txt ...
0
votes
1answer
413 views

Add custom data-attribute inside script tag of custom JS

I would like to add a custom data-attribute to a javascript injected in the frontend area using a custom module. My custom javascript is inserted using var config = { map: { ...
1
vote
1answer
35 views

How to remove 'clickability' from a SPAN element during Checkout

I'm developing a new Magento 2 eshop in Germany. During the Checkout steps, www.mywebsite.com/checkout/#email in my Sidebar, we see a presentation of the costs and a breakdown view with taxes, Pfand, ...
0
votes
1answer
38 views

Questions about using knockout

I would like add a feature to show a data like the "Welcome username". So i searched about how it works and i followed this tutorial I'm blocked because i'm always getting the error unable to process ...
1
vote
1answer
65 views

Magento 2.3 - Category Page in CMS blank amongst other errors

Experiencing some weird behaviour in Magento 2. It's 2.3.1 (recently upgraded from 2.2.4 but it we only started experiencing it after migration). Issue 1: When visiting a category page in the CMS, ...
0
votes
2answers
483 views

magento 2 unhide any messages

As per default Magento 2 behavior, any message like success, error or notice, etc hide after 5 seconds. I don't want to hide any message so that user can read message. See below image that display ...
2
votes
4answers
688 views

How to override both shipping.html and shipping.js file in custom module magento 2

override both shipping.html and shipping.js I am trying to override shipping.js file in magento 2 but can not working. requirejs-config.js var config = { paths: { 'Magento_Checkout/template/...
0
votes
1answer
60 views

“Field is required” error once I make selection on custom ui-select

I'm currently making a custom ui-component for the adminhtml form which extends the default ui-select element. But the issue is that when I make a selection on this new ui-select all fields have their ...
1
vote
0answers
63 views

Pass data from Helper Data to Knockout JS file Magento 2

How i can pass helper data to Knockout JS to show it on my html file. Actually i am working on Checkout page and i want to show the name of product owner on checkout summary. Any help would be ...
2
votes
1answer
1k views

Unable to process binding click: function()

I'm trying to implement a click event in one of the button I added under the Magento_Checkout module specifically under payment.html view. Now I added the below code File location: app/design/...
2
votes
0answers
30 views

UI Components - pass ids selection to listing selection

How do i pass a selection of ids to an insert-listing component to preselect certain rows. I have a dynamic rows component with entries related to the current product I'm editing. When click on a ...
2
votes
1answer
566 views

Magento2 custom Knockout binding

I am working on a customization of the checkout page in M2, in particular I am trying to add to the 'discount' section of the page. In this part of the page I need to call a third party javascript ...
2
votes
0answers
41 views

Magento 2: i need update order summary when click custom option payment method checkmo

need to know is how to update the order summary like reloading the component when we do something like choosing a select payment terms My code: view/frontend/web/js/payment/method-renderer/...
0
votes
1answer
864 views

magento 2 how to override select-shipping-method.js

when trying to override select-shipping-method.js in my custom module then getting this errors 1 - Uncaught Error: Script error for: Xyz_Customcheckout/js/model/quote http://requirejs.org/docs/...
1
vote
1answer
48 views

Get changing variables from Magento block in knockout js

Want to pass entityId to the getInfo method: This block.phtml is on the catalog page (list) that gets called per Item on the page and sends each entity id to the getInfo method. The getInfo method ...
1
vote
0answers
84 views

Magento 2 what is “each” argument and how it works? [duplicate]

what is "each" argument and how it works ? <each args="getRegion('address-list')" render="" /> <each args="getRegion('address-list-additional-addresses')" render="" /> If anyone knows ...
1
vote
2answers
563 views

How can you get the config value in html

I want to know if you can get the config value to html I have a class which provides the value for config Not sure how to get this checked in HTML I have been looking at configproviderinterface
1
vote
1answer
237 views

KnockoutJS Which Model does the Minicart use?

So, i'm very new when it comes to using KnockoutJS but i've been doing some reading around it and to my knowledge each template file has its own corresponding model. However, as i'm looking through ...
0
votes
1answer
169 views

Loop in KO magento 2

i have created steps on checkout page and every step has number like 1 2 and 3 now i want to create those number through a loop like $i = 1; $i++ how i can do this in KO Js. image is attached ...
1
vote
2answers
738 views

Use Jquery in KO Js Magento 2

On checkout page i want to hide summary component by default. and when a user clicks on a button i to show that Summary section. The Summary section is build through XML and KO. My Question is, Can i ...
0
votes
1answer
37 views

magento2 checkout summary page refresh on click redio button event

I want apply different charges with customer group on-click radio button via ajax summary part refresh in checkout page.If anyone know reply me.
2
votes
1answer
233 views

Magento 2 : Which view model or Observable pulls shipping address data on payment page?

I see that following code from shipping-information template is used to display shipping address on checkout#payment page but unable to understand which Magento 2 PhP Model or knockout view model is ...
0
votes
1answer
230 views

Adding link to the Checkout button in magento2

I need to add external link to the "New Address" button in checkout. Found the button html is loading from this file. vendor\magento\module-checkout\view\frontend\web\template\shipping.html How ...
1
vote
1answer
532 views

Why data bind template is not working on 2.2 or greater?

I was studying about Knockout.js and how it works with Magento 2. Then I reached the topic: template integration, in the first sample of it I'm presented to this notation: <div data-bind="...
1
vote
1answer
51 views

Clicking on product color triggers change in all products

I want to show the product's special price in the catalog but I am getting an error when there is more than one product with a discount. One color product's click triggers a change in all catalog. I ...
2
votes
0answers
83 views

Force quote_address instead of customer address when browser is refreshed Magento 2

I am having hard time understanding how below code is getting shipping address data for display on checkout/#payment page. It displays correct address when we go from shipping to payment page but ...
3
votes
1answer
476 views

Magento 2 I Want to add Dropdown Quantity Box In Minicart

I am trying to replace Dropdown instead of text box at Quantity at Minicart. I tried following code but didn't get success ( i am trying direct in Magento Vendor folder for testing purpose). ...
5
votes
2answers
1k views

Magento 2 : How to debug knockoutjs getRegion() bindings

Shipping address is displayed using below knockout js code. I am having a hard time finding the back-end code that's setting data for getRegion('ship-to') function even though I could see the UI JS ...
1
vote
1answer
333 views

Magento 2 checkout page add class to shipping method on click event

I want to add "active" class on shipping method selection. Means If I change shipping method then "active" class automatically added to newly selected shipping method and removed from the old ...
1
vote
0answers
71 views

Address list at billing step

Hello Magento community this is my first question so go easy on me, I will try to be as accurate as possible but I am a noob front-end with Magento. What I am trying to achieve is: when user buys ...
5
votes
1answer
675 views

Magento 2 : How to concat a string variable to option value in knockout template which already bind to i18n string?

I've knockout template which contains the following line: <option value='industrial' data-bind="i18n: 'Industrial'"></option> anyone knows how to add variable to 'Industrial' eg. <...
1
vote
1answer
690 views

Change knockout a href data-bind to link to image

Is there anyway to change this href to image url? Its from Magento Checkout module copied to my theme Magento_Checkout/web/template/minicart/item/default.html <a data-bind="attr: {href: ...
1
vote
0answers
441 views

Magento 2:External js at checkout loading issue

I am trying to create digital signature at checkout page(just before place order button) in my custom module. I have tried with below code: app/code/Company/Signature/etc/module.xml <?xml ...
2
votes
0answers
205 views

Magento 2 : How to load payment methods in shipping step?

I need to show payment methods in shipping step in Magento 2.3 checkout, I have added done changes to file checkout_index_index.xml, and also I have added html code to shipping.html file. But I still ...
5
votes
1answer
2k views

magento2 checkout: how to update billing address programmatically

I would like to force update of the billing address as user is typing his firstname and lastname in the checkout. For example when it changes or on keyup. I'm using a custom checkout module that ...
1
vote
1answer
663 views

Magento 2 Minicart content not displaying

I'm working on developing my own theme by extending the Magento Blank theme. I'm trying to add the minicart to my header.phtml file. I'm loading the minicart in my header like so: <?php echo $...
3
votes
1answer
557 views

Magento 2 : Store value in a variable via knockout loop in html

I am new to KO, in my html file I am printing a value like this - <!-- ko foreach: { data: JSON.parse($parent.options), as: 'option' } --> <!-- ko if: option.label === 'AAA' || option....
2
votes
2answers
31 views

What is the mean of This Code in js

what does the below coding mean? !-- ko foreach: getRegion('messages') --> <!-- ko template: getTemplate() --><!-- /ko --> <!--/ko-->
0
votes
1answer
190 views

Pass data between components

Assuming I got 2 components like this: How can I pass data from 1 component to another? In this example I would like to pass some data when I close the modal to "my-component" <script type="text/...
1
vote
0answers
34 views

Knockout binding js to template

I try render input field in my custom form element like <render args="ui/form/element/input"/> but then i get some js errors because elem userChanges and others dont exist(see https://github....
1
vote
0answers
78 views

Magento 2 Knokout.js remove element define in differen template file

I want to remove html element from template file using knockout.js code. I have write my code in shipping.js which is getting called on checkout page. In shipping.js under i have defined my variable ...
2
votes
0answers
189 views

Disable payment option in checkout when specific shipment is used via js only

I've disabled alost all payment modules when in store pickup i set as shippemnt. I'm using for this plugin for Magento\Payment\Model\Method\AbstractMethod and is working fine. Only one module payu/...

1
3 4
5
6 7
14