Questions tagged [knockout]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
0answers
31 views

Knockout Js not found Magento 2.3

I am unable to click on menus, submenu in admin Panel. I have checked and found there are errors related to knockout.js in console panel. Front-end is working fine but i can see the same knockout ...
2
votes
0answers
26 views

knockout data-bind issue on the Frontend Magento 2

I have added file-uploader component in the review form. I have used below code to add browse button in the form. <div class="upload-wrapper" data-bind="scope: 'uploader'"> ...
3
votes
3answers
110 views

Magento 2 Knockout variable from response in controller via ajax

Assume I've got something like this <div class="greet welcome" data-bind="scope: 'customer'"> <!-- ko if: blockIsLoggedIn == '1' --> <span data-bind="...
0
votes
1answer
58 views

Get subtotals excluding tax for each Tax Rate in Cart summary - Magento 2

I need to calculate the SubTotal for each tax rate in my cart summary.. How can I do this? I found calculation start in module_tax under vendor / magento folder.. but I did not found where to put my ...
1
vote
0answers
15 views

Magento 2: Preload shipping estimation without filling up shipping address details

In checkout cart summary, is there a way to preload the shipping estimation without filling up the detail and choosing the shipping method? so when we first load it will show subtotal, shipping rate, ...
0
votes
0answers
15 views

Change cart qty from onestep checkout

I need to change cart qty via js while on the /checkout page(not in /checkout/cart). Then start the checkout process again with new data. Is this possible?
0
votes
0answers
18 views

How can i Stop calling event bind with data-mage-init

I am implementing infinite scroll in a custom collection which is working perfectly but in my case when i filter out this collection and update collection item with ajax response still the previously ...
0
votes
0answers
18 views

ko template: getTemplate() after AJAX not working(DOM append)

Page with products has loading by ajax(infinity scroll loading), response with products are Html page, from which new products search by class(Jqury) and appended to existing page, as a result is a ...
0
votes
1answer
29 views

'getFormattedPrice' undefined on checkout

I need to get a list under each product in the form: - Unit price - Amount - Amount based on price and quantity Rewrite template: vendor/magento/module-checkout/view/frontend/web/template/summary/...
1
vote
2answers
56 views

Hide company field on checkout step based on customer group in Magento 2.3?

I am working on checkout step for hiding the company field on the basis of customer group. can anyone help me to solve this ? Thanks
0
votes
0answers
12 views

Magento2: How to add/get click function with DOM?

filename.js categoryClick: function(data, event) { var clickUrl = $(this).attr('href'); console.log(clickUrl); }, filename.html <div class="bottomWrapper"> <ul id="progressbar"&...
0
votes
1answer
37 views

knockout template html file in adminhtml area is not rendering

I am trying to initialize the knockout component in the admin html area, the respective code is below. phtml file to initialize ko template <?php /** * @var \JC\ChatSupport\Block\Adminhtml\...
2
votes
1answer
100 views

How to translate text in shipping-estimation.html

I need to translate the text Enter your billing address to get a tax estimate. in vendor\magento\module-checkout\view\frontend\web\template\cart\shipping-estimation.html It is a text showing in the ...
0
votes
0answers
115 views

magento2.2.3 How to set knockout js scope when I use data-mage-init?

I'm working on Magento2.2.3. I am overriding products on the list page. Exactly I'm adding Already added qty for each product next to the add to cart button on the list page. To show this qty, I made ...
1
vote
1answer
922 views

Add custom javascript in afterRender in Magento 2 with knockout

I`m trying to load a custom script after a custom-template for minicart items is rendered. I created a javascript file vendor\module\view\frontend\web\js\test.js: define('jquery', function($) { ...
0
votes
0answers
30 views

Confusion - Need Help Overriding html File and Passing Data

I successfully overrode a third party module's one step checkout shipping.html file within my custom module, but no data is passing into it. Are there other steps I have to follow in order for data to ...
0
votes
0answers
371 views

Magento 2 : ko observable variable checking in template file

I have created a custom payment method using knockout js. I want to display a form only for selecting a drop-down value "Add new card". I have created a KO variable and assign the value initially as ...
1
vote
0answers
204 views

How to pass value from template.html to js in magento 2 knockout js when complete entering the input field?

1) I need to pass the phone number value to the telephone.js when complete entering the number before the button click. 2)Below the phone number field, I added the OTP input field (i added it in the ...
1
vote
0answers
55 views

How to add selected items on a page to a separate block in Magento 2?

Please help with the implementation of this functionality. I have a separate module with a separate route. There will be elements on the page (picture and checkbox under it) as in the screenshot. ...
2
votes
1answer
141 views

How to call knockout functions from html (Magento 2)

I have functions defined in my knockout js, define([ 'Magento_Ui/js/form/form', 'ko' ], function (Component, ko) { 'use strict'; function viewedProducts() { let rvp = JSON....
0
votes
1answer
45 views

Magento2 : Show Three Products on Checkout page in Order Summary section

I have added 8 products in the cart and now I would like to show three products on Order Summary section on Checkout page with a Load More button. And, if we click on Load More button, it will show ...
1
vote
0answers
38 views

Show all error messages in one place in one page checkout

I want to show validation messages in one place. for example. <div class="checkout-error-message"> * Please fill address field * Please fill email field * Please check agreement and term </...
0
votes
0answers
15 views

Shipping amount is lost with call function estimateTotals Magento 2

In my module I have my own discount and when I load the pag custom discount doesn't load. I try to call function estimateTotals and after it shipping amount is lost but show my discount. That I do: ...
0
votes
0answers
30 views

Magento 2.3.2 Enterprise Banner Slider Issue

I am experiencing that the default banner slider is not compatible with the mobile devices in Magento 2.3.2 enterprise version. Slider is working fine for the desktop. Can anyone help me to understand ...
0
votes
2answers
421 views

How to call function from another function using magento knockout js?

I need quick help regarding calling a function within a function using Magento knockout js, I have tried this define([ 'ko', 'uiComponent' ], function (ko, Component) { 'use strict'; ...
0
votes
1answer
551 views

How to Write Knockout Js Code. Magento 2

I'm trying to Hide 3 Radio Buttons when Checkbox is unchecked when I checked it the all 3 buttons need to show in Jquery the code will be like show_hide_fun: function(){ window....
4
votes
1answer
714 views

How to make observable array in knockout js model and bind it to html via view js in magento2

I want to make one observable array in knockout js model and this array need updating on click event: That is what I have tried: js/model/test.js var testArray = ko.observableArray(); test : ...
2
votes
0answers
166 views

How to update data input on checkout page in magento2 (knockout.js)

On the checkout page in Magento 2 After search data by finder code, it auto fill customers data. But when I click the "Next" button. It will show "This is a required field." In this post https://...
1
vote
0answers
46 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 ...
0
votes
3answers
339 views

Magento 2: How to add hyperlink on text in knockout template

Welcome message = "Welcome Sign-in". I want to add my account link on Sign-in text in the welcome message. sign-in text should be a link and direct the user to my account page. <?php $...
0
votes
1answer
181 views

How do you pass more / custom parameters to the customer bind / private data in knockout

So this is an extension of this question Magento 2.3 display logged in/out message using private content Default behavior is that data-bind="scope: 'customer' has a few properties eg data_id: ...
1
vote
2answers
406 views

Magento 2.3 display logged in/out message using private content

Does anyone have an example on how to display a logged in vs logged out message on frontend to customer that's not affected by cache without using the cache=false tag and hole punching the whole page ...
1
vote
1answer
1k views

After updating to Magento 2.3.2 checkout page throws error

After I update Magento version from 2.3.0 to 2.3.2 on checkout page I got knockout errors on my console and payments, product items do not show on-page. Before update, it works well. Uncaught ...
3
votes
0answers
132 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) { '...
2
votes
1answer
767 views

Magento 2 - Add new attribute (delivery_time) to recently viewed widget

What files need to be changed to display additional attributes in recently view products widget? In the widget settings there is only name, price, image and learn_more available. For the product ...
0
votes
1answer
599 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
279 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 ...
0
votes
1answer
932 views

Magento 2 - Load knockout content in modal popup

I want to load knockout content in modal popup on the cart page. And to be able to bind button/click events.
1
vote
0answers
35 views

Magento 2 : on tab click ko js and template render

In my module, there are tab structure same like mentioned in this below image tab structure. I want to do like that, when on tab click at that time, ko template and ko js should be render. How to do ...
2
votes
1answer
80 views

Magento2 - How to apply new field without page refresh in checkout summary page?

I have added one field for extra charges, depends on radio button selection in checkout page, its working with page refresh, but I want it to get data without page refresh.
0
votes
0answers
79 views

Magento 2 : pagination using knockout

I want to develop pagination of custom collection using knockout. How to implement it? Any help would be appreciated. Thanks.
2
votes
0answers
121 views

How to move next button in checkout to sidebar and keep it's behaviour. Magento 2.3

As in question title. Button is placed in Magento_Checkout/view/frontend/web/template/shipping.html I need to move it under sidebar section or create new button which will act the same like old one. ...
1
vote
1answer
2k 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: {...
1
vote
2answers
1k 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:...
1
vote
1answer
4k views

Magento 2 : Access ko observable variable into other js file

I want to access ko observable variable from one js file to other js file. I apply some logic using below way. But, it's return undefined. kotemplate.js : define([ 'jquery', 'uiComponent', ...
1
vote
2answers
3k views

Magento 2 : knockout data-bind:click not working

I added phtml file using ajax response. There are two buttons available in that phtml file. Buttons.phtml : <div id="rh-buttons-temp" class="actions" data-bind="scope:'rh-buttons'"> <!--...
1
vote
2answers
243 views

Having trouble overwriting JS component in minicart dropdown

Having a tough time trying to overwrite the JS component and template around the product image in the minicart dropdown.Here's what I am trying to achieve: I have a custom Product Type depending on ...
1
vote
0answers
252 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
380 views

Add/Remove class from div if minicart hasitem/noitem

I want to add a class in parent div if minicart/cart is empty and remove same class if minicart/cart has an item(s).I made changes in minicart.phtml. below is my code for that. <div class="block ...
0
votes
1answer
39 views

How to understand KnowkOutJs in Magento 2?

How to understand KnockOut Js in Magento 2 ? I am working in Checkout and cart page, I debugged a lot but i am not able to understand any single line code of KnockOut Js But without Magento 2, I am ...