Questions tagged [knockoutjs]
Denotes questions related to Knockout use in Magento2
0
votes
0answers
12 views
What is the purpose of “configSource” in layout
What is the purpose of using "configSource in file "https://github.com/magento/magento2/blob/0eb8677b0b4e35606032e856cc1ef7c80e68829f/app/code/Magento/Captcha/view/frontend/layout/default.xml
1
vote
1answer
31 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
25 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
71 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
0answers
13 views
magento2 checkout summary page refresh on click redio button event
I want apply different charges with customer group onclick redio button via ajax summary part refresh in checkout page.
2
votes
1answer
51 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
48 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
38 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
24 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
34 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 ...
0
votes
0answers
24 views
knockout.js:2624 Uncaught SyntaxError: Unable to process binding "ifnot:
Any help regarding to this.
i installed porto theme on magento 2 there was first installed luma theme everything was working fine.
GET https://cellphonepartscanada.com/%7B%7BMEDIA_URL%7D%...
2
votes
1answer
34 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).
...
4
votes
2answers
76 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
44 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
17 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
70 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
36 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
31 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 ...
1
vote
0answers
20 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 ...
3
votes
1answer
86 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
69 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 $...
2
votes
0answers
27 views
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
28 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
28 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
26 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
15 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
49 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/...
0
votes
1answer
25 views
How can we populate the default shipping address country and zipcode in cart page in magento 2 for logged in customers?
Can we populate the default country and postcode for the logged in users using their default shipping address of the customer to get shipping estimates?
1
vote
0answers
32 views
Magento 2.3 checkout page hang up due to knockoutjs or underscore
After Magento 2.2.4 upgraded to Magento 2.3.0 checkout page is not working.
Checkout page hang up browser and showing browser warning to stop it.
When clicking on stop it is showing some jquery ...
2
votes
1answer
34 views
Require custom checkout field from extension
I am using a zipcode(postcode) check extension that adds a custom zipcode and house number field. Now I want those to be required so they have to be filled in before going to the next step.
...
2
votes
0answers
52 views
How to update shipping methods on change of custom dropdown on cart page
I have created a custom dropdown above country dropdown on cart page. Now I want to update shipping methods list.
I followed Devdocs to show custom field on address form (cart page). All in all I ...
0
votes
0answers
35 views
Magento2: how to add/remove a form field using javascript
I have created a custom form in admin in which I need to show buttons such as "Add more" and "Remove". The scenario is exact that which is discussed here:
https://stackoverflow.com/questions/...
0
votes
0answers
64 views
Magento 2: Knockout js dynamic content binding repeats the same element
I have created a custom form in checkout page. It contains a drop down field and one ul list. By default there is few li tags(For example,4). When we change the dropdown the li tags will be changed( ...
1
vote
1answer
215 views
Magento 2: Knockout js dynamic content binding issue
I have created a custom form in checkout page. Everything works fine except one ajax response binding
Here is my code
template.html
<form id="cust-checkout-form" class="form" data-bind="attr: {...
0
votes
0answers
110 views
Add custom jQuery code after checkout page load
I added some jquery code on checkout page but its not working as because the knockout component load after the page load and my jquery code not able to find that element(class or id) on which I have ...
0
votes
1answer
45 views
Magento 2 get store configuration in js
I'm trying to get admin store configuration (core_config_data) in mincart.js file. Is there any method to get this ? like
define([
'storeConfiguration'
'uiComponent',
'Magento_Customer/js/...
1
vote
3answers
218 views
Magento 2 override minicart.phtml in custom module
I'm trying to override minicart.phtml file from Magento2\vendor\magento\module-checkout\view\frontend\templates\cart\minicart.phtml to my custom module
Magento2\vendor\XXXX\YYYY\view\frontend\...
1
vote
1answer
65 views
Magento 2 knockout js dynamic button title in minicart
I'm trying to add dynamic checkout button title in minicart using knockout js. Button title will be configured in admin configs. I configured in minicart.js But I dont know how to use/call in template ...
1
vote
1answer
37 views
Knockout js : Read parent of parent's data
I want to read the parent of parent elements data. But, I can't able to read it properly.
My Array Screenshot :
My Code :
<!-- ko foreach: { data: Object.keys($parent.optionParam()[main_id]), as:...
0
votes
0answers
35 views
Custom live chat script not working in Magento 2.2.4
I have tried adding the chat script on .phtml of the custom extension which I have created for integrating my own live chat. But the libraries are showing undefined when the chat plugin loads the ...
0
votes
0answers
99 views
Magento 2 - (Shipping Address) Custom city dropdown validation not working in checkout page
I followed this link.
I created a custom shipping method and I need the city to be required for my shipping rates to be calculated.
My problem is my shipping-rates-validation doesn't get trigger it ...
1
vote
2answers
694 views
Magento 2 How to bind knockout event on ajax html response
I have created custom functionality on item form on cart page like increment/decrement qty, remove product with a custom popup, custom move to wishlist by knockout js.
For knockout events, I created ...
0
votes
1answer
86 views
Magento 2.3 | Knockout.js - Unexpected end of input
I've installed the latest Magento Version (2.3) and everythign went well. The installation was completed and i was able to view and frontend aswell the backend.
For some reason i get the following ...
0
votes
0answers
22 views
How to specify image path relative to module in Knockout HTML view?
I'm making a magento 2, usign 2.2.6, module trying to display certain information at the checkout and I'm stuck when trying to add an image relative to the module path.
I'm NOT using PHTML in this ...
0
votes
0answers
16 views
How to add Ui file-upload on chceckout purchaseorder ofline payment
I'm trying to add file upload file thru ajax when user is on offline payment purchaseorder.
I can put additional input overwriting Magento_OfflinePayments/js/view/payment/method-renderer/...
0
votes
0answers
69 views
Decode HTML Knockout JS - Minicart
I use HTML Code inside Custom Options. The Radio Option titles are for example
<p class="style1">Option1</p>
This way I can style my custom options in css, instead just plain text.
...
0
votes
0answers
22 views
Uncaught Error: Unable to process binding
In my Magento 2.1 website, I didn't change anything but suddenly getting this error in my console. Because of JS mini cart and checkout process is not working
knockout.js:3012 Uncaught Error: Unable ...
0
votes
1answer
250 views
Autocomplete form field using Knockout Js on Magento2 Checkout
I have created a module to which autocompletes the city field of Magento. I am facing an issue which says
TypeError: Unable to process binding "shippingAutoComplete: function(){return {
...
1
vote
0answers
43 views
Magento 2 : add google map in checkout
I want to add google map in Magento 2 checkout page.
Added API url and key to phtml using below code
<referenceContainer name="after.body.start">
<block class="Test\Vendor\Block\...
0
votes
1answer
40 views
Magento CE 2.2.2: How to add images to my custom payment plugin module?
I am creating a custom payment plugin for Magento 2.2.2 For the plugin I need to add the payment icons and some other images.
How can I add images for my custom payment plugin?
I tried all the ...
