Questions tagged [knockoutjs]

Denotes questions related to Knockout use in Magento2

Filter by
Sorted by
Tagged with
0
votes
1answer
1k views

Magento 2 - Using jQuery on HTML page

I have a custom offline payment module and I am trying to use jQuery to hide a div in frontend/web/template/payment.html: <script> require([ 'jquery' ], function($){ if ( $('#payroll-form'...
1
vote
1answer
810 views

Set Default Billing Address as Billing Address via knockout on checkout page

The Checkout page is currently loading Shipping address as billing and shipping address. I want to load default billing address on checkbox click and set it to order before save. I dont know how to ...
0
votes
1answer
332 views

Add Custom Attribute To Recently Viewed Products Widget

I have override widget_recently_viewed.xml in my theme in Magento_Catalog with <?xml version="1.0" encoding="UTF-8"?> <listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:...
2
votes
1answer
317 views

How to call customerData js in phtml on a specific page after page load

I need to call some js in a phtml file only on product details page. I need to check some customer attribute there and show a popup accordingly. The issue I am facing is that somehow I am unable to ...
1
vote
0answers
491 views

How to check a checkbox dynamically Knockout js Magento 2

I am not able to check my checkbox dynamically in knockoutjs. <input type="checkbox" class="checkbox" name="giftoptions" id="printedCard" data-bind="checked: getObservable('printedCard')()"/> &...
1
vote
1answer
428 views

How to add classes input focused on checkout and product review forms?

If an input is in focus or has a value, I want to add a class to all inputs parent .field div. For example on the product page review form or on the checkout page shipping form. If the input is in ...
0
votes
0answers
54 views

Knockout js won't call in custom template admin UI component form

I have call custom template file in UI component and try to call knockout js in custom template but it won't call, I have built it like this. Please let me know if anyone has an idea. Feed/view/...
1
vote
0answers
96 views

How do I get text value for span that is populated with KO?

inside a js file I need to get the value for $('.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide span.cart-price span.price').text() The probles is that span.cart-price span.price is ...
1
vote
0answers
172 views

Magento 2 : Get Customer Data using knockout js in checkout page

While placing the order if customer is not login and after entering email address if customer is already register with us then i need to display first name of customer with message below the email ...
1
vote
0answers
451 views

Magento 2: Billing address same as shipping doesn't work while changing the shipping method

So I have 3 shipping methods on my checkout page, Shipping Method Free Ground Shipping- $0 2-Day Shipping - $15 Overnight - $35 By default, the first one Free Ground Shipping- $0 is always ...
0
votes
1answer
89 views

Edit error message html : Magento 2

Where can I find HTML to add role="alert" to error messages in magento. For example, when a user provides a wrong zip code on checkout page this error message shows up. <div for="postcode" ...
0
votes
0answers
31 views

Magento 2 : How to add value to shipping address from

I am facing issue to add Dynamic value (Via Ajax) in shipping address I was trying to do so with JQuery but validations are failing But my text box has dynamic data assigned to it. please find some ...
1
vote
1answer
529 views

Magento2: How to call js function in custom file

I want to call a particular third party js function in my custom js file. XXX/YYY/view/frontend/web/js/view/payment/method-renderer/cashondelivery-method.js. define([ 'Magento_Checkout/js/...
0
votes
2answers
1k views

Magento 2 : How to get DefaultBillingAddress using knockout?

In core using KO address is get like this in details.html file <!-- ko text: currentBillingAddress().prefix --><!-- /ko --> <!-- ko text: currentBillingAddress().firstname -->&...
1
vote
1answer
1k views

Magento2 : How can i scroll up to first input error validation message on checkout

I saw some simillar questions, but they wanted to remove this feature. They suggested to comment some code in MAGENTO_ROOT/vendor/magento/magento2-base/lib/web/mage/validation.js file if (firstActive....
1
vote
1answer
457 views

Magento 2 Knockout JS - nested arrays

I've got nested arrays in my config JSON: Each Step node contains own products array. Foreach binding in a template for steps array works fine (the title value is displayed). However, I can't list ...
1
vote
0answers
163 views

Render getTemplate() in nested foreach

I am trying to update checkout page layout. What I want to do is to merge progress bar and checkout steps templates. I have updated my app/code/Vendor/Module/view/frontend/web/template/onepage.html ...
0
votes
1answer
952 views

Magento 2 shipping method radio button not display selected on checkout

I have customized the checkout step to make one step checkout. everything is working fine but when I click on select shipping method radio button functionality is working but radio button not display ...
0
votes
2answers
1k views

Magento 2: Translation is not working in html template using data-bind

I have inserted the string to translate into the app/i18n/lg_lG.csv file. I run the command to deploy static files, clean cache, but the string is not translated. The string is located in this file: ...
0
votes
1answer
2k views

Magento 2: Knockout JS dependent dropdowns

How can I create a pair of dropdowns such that when one is selected, the options for the other one are updated? The values for options for both dropdowns are coming from PHP. I have absolutely no ...
0
votes
3answers
3k views

Magento 2.3.2 Failed to load the “Magento_Checkout/js/view/billing-address/list” component

I am using one-step checkout and getting an error in checkout console. and also page redirects to /noroute/ 404 page. [ERROR] Failed to load the "Magento_Checkout/js/view/billing-address/list" ...
0
votes
1answer
827 views

Magento 2 : scope of knockout JS variable

Here's my code - define( [ 'ko', 'uiComponent', 'underscore', 'jquery', 'mage/url', 'Magento_Checkout/js/model/quote', 'Magento_Checkout/js/checkout-data', '...
0
votes
2answers
24 views

Magento 2: display shipping option initially

I have only one shipping method in my store (DHL). It comes with a lot of additional options. But those only show once I click on the method's radio button. This is where the magic somehow happens: ...
1
vote
2answers
729 views

how to override core JS file in module

I am trying to override Magento_Braintree/js/view/payment/method-renderer/cc-form But i am not getting any progress. I have tried map 'Magento_Braintree/js/view/payment/method-renderer/cc-form': '...
2
votes
1answer
354 views

How to get Order Id after place order in javascript?

I am defining placeOrder method in my payment method, here is my code: placeOrder: function (data, event) { var self = this; if (event) { event.preventDefault(); } if (this....
0
votes
1answer
327 views

Adding Minicart to custom header results in a empty cart in magento 2

I tried adding the mini cart phtml to my header like this <?php echo $this->getLayout()->createBlock('Magento\Checkout\Block\Cart\Sidebar')->setTemplate('Magento_Checkout::cart/minicart....
1
vote
1answer
98 views

Filter in custom grid doesn't work normally. Magento2

When I filter twice, it works fine after the third time display only one product in each row. grid_record_grid_list.xml <?xml version="1.0" encoding="UTF-8"?> <!-- /** * Grid record ...
2
votes
1answer
2k views

How to refresh shipping and billing address after checkout page load just like shipping Rates refresh using Knockout Js magento 2

Hi guys, i want to refresh shipping and billing address after checkout page load using Knockout Js magento 2. If you guys have any idea please guide me. Please check the code i tried below ...
4
votes
0answers
178 views

How to use ko.observable on change of data and run a js function Magento 2

How can I run a js function on change of data, So I have heard of knockoutjs ko.observable define([ 'uiComponent', 'ko', 'Magento_Checkout/js/model/totals' ], function (Component, ko, totals) { '...
3
votes
2answers
913 views

Apply bindings and subscribe on change of discount amount totals.totals() in Magento 2

in my checkout page when promo code is applied, I am updating a text using some calculation using knockoutjs In my checkout page, on applying and removing promo code, it changes the discount key in ...
0
votes
1answer
241 views

Magento2: Knockout JS page in frontend give “404”

I have followed this tutorial link HOW TO USE KNOCKOUT JS ON A MAGENTO 2 FRONTEND PAGE. Magenest/KnockoutJs/etc/frontend/routes.xml : <?xml version="1.0"?> <config xmlns:xsi="http://www....
1
vote
2answers
153 views

knockout js text bind giving object instead of string in magento2

I am binding knockout js value to html but it's give me [object HTMLLIElement] insteadof value prescriptionList:{customer_prescription_id: "1", customer_id: "23971", customer_name: "Rutvee ...
4
votes
1answer
551 views

How to get helper method value in knockout js

I created this method in helper : public function getMessage() { return $this->scopeConfig->getValue(self::XML_ERROR_MESSAGE); } I need to display above output in knockout js. ...
2
votes
1answer
1k 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
264 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
2k 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
1k 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
357 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 ...
1
vote
1answer
925 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
951 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
394 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
50 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
846 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
42 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
55 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
82 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
760 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
1k 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
67 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
94 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 ...

1
3 4
5
6 7
15