2022 Developer Survey is open! Take survey.

Questions tagged [knockout]

The tag has no usage guidance.

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

Knockout - removing automatic focus from an input

in my project I have a UI Component written in knockout.js. The problem I've encountered is when overwriting ui-select.html even though I don't have any action anywhere that would cause this, when ...
user avatar
  • 27
0 votes
2 answers
27 views

How to add script for checkout item default file?

how can I add script for Magento_Checkout/web/template/minicart/item/default.html file? I have to add data-bind="click: {}" to the product, but I don't know where I should place my function? ...
user avatar
  • 27
0 votes
0 answers
30 views

Magento 2 remove loader/spinner from the checkout input fields

in Magento 2 checkout page whenever we update or change any input field it triggers an ajax call with the loading spinner. I want to remove that loader spinner on the selected input field. But not ...
user avatar
0 votes
0 answers
7 views

Render content on the fly based on current quantity - Product View Page

So I have a product view page, I want to get the current quantity (e.g. onChange()) of the product and then pass it to the PHP class to perform some calculations. After calculation, I want to render ...
user avatar
0 votes
3 answers
427 views

Failed to load the component. : M2

phtml file: <?php $mycollection = $block->getMyCollection(); ?> <?php if ($mycollection) : ?> <div id="my-component" data-bind="scope:'myComponent'"> ...
user avatar
0 votes
1 answer
116 views

Onclick bind image using knockout js

I want to show image from allDoorColorStandard. HTML: Onclick "color-data" div , i want to update image. In alert i'm getting image URL, now need to bind in image tag. <div data-bind=&...
user avatar
0 votes
0 answers
81 views

knockout js nested for each loop issue : M2.4

I'm trying to get color_name from colors.standard. I have try as given below html but both are showing same array. HTML - Not Working <div data-bind="foreach: { data: doorColorList, as: '...
user avatar
0 votes
0 answers
22 views

Magento 2 : Knockoutjs data-bind issue in Inner Loop

HTML: <span class="color-name" data-bind="text: $parent.selectedDoorColorName"></span> <div class="standard-color" data-bind="foreach: $parent....
user avatar
0 votes
1 answer
102 views

Magento 2 : Knockoutjs data-bind not Working in Inner Loop

Case 1: -- Working HTML Test::<span data-bind="text: $parent.testText"></span> <button data-bind="click: $parent.testbtn"></button> JS numberOfClicks : ko....
user avatar
3 votes
6 answers
4k views

Magento 2.4.3 - Checkout JS knockout error - renderReCaptcha

We upgrade to Magento 2.4.3 and now face the following JS knockout error in the checkout: TypeError: Unable to process binding "afterRender: function (){return renderReCaptcha() }" Message: ...
user avatar
  • 1,474
0 votes
1 answer
185 views

How to refresh or observe the Item is been added to cart using knockout JS UI component?

I have added a custom function which checks if the product has already been added in a quote or not. This works fine and shows button text accordingly. The only issue that it requires to refresh the ...
user avatar
0 votes
0 answers
28 views

The code looks wrong but works correctly. Is it possible to optimize it and make it more logical?

I have a knockout component that shows or hides my items by tag. I do not work well with js and knockout is new to me, I would like to improve my filtering logic so that it works correctly and locally....
user avatar
  • 138
0 votes
0 answers
38 views

How to filter array and change data on front end KO

I using knockout to create a list with my custom collection data. <div data-bind="scope: 'myData'"> <!-- ko template: getTemplate() --><!-- /ko --> <script type=&...
user avatar
  • 1
0 votes
2 answers
735 views

Magento 2 knockout js onchange selected value not working

I'm working on checkout page. I cannot get the selected value from the event. My Html <select name="addresslist" id="addresslist" data-bind="event:{ change: regionChange}&...
user avatar
  • 828
0 votes
1 answer
169 views

Magento 2: using knockout components within a component

I am trying to render a new KO component within a existing KO template. I have a PackagePopup component which in the template, renders a PackageFfilter component. I would like to seperate the logic ...
user avatar
0 votes
1 answer
123 views

Magento 2 - Check in minicart if customer is loggedin knockout

We want to check in the minicart if the customer is loggedin. <!-- ko if: isCustomerLoggedIn == 1 --> Does not seem to work well for the mini cart. This only works when you are visually in the ...
user avatar
  • 1,474
1 vote
1 answer
61 views

Magento 2: How to check inarray ids in minicart.js

getCartItems: function () { var items = this.getCartParam('items') || []; _.each(items, function (item, key) { console.log(item.product_id); ...
user avatar
  • 1,015
1 vote
1 answer
188 views

Magento 2: I want to get product id from getCartItems function in minicart.js

Here is the function in minicart.js getCartItems: function () { var items = this.getCartParam('items') || []; console.log(items); // want to get product id from ...
user avatar
  • 1,015
1 vote
0 answers
111 views

Magento 2 - Check in mini cart if product is virtual

How can we check in the mini cart if the product is virtual using knockout? Inside the cart and checkout we can use the following, but that is not working in the mini cart. Any idea? <!-- ko if: (...
user avatar
  • 1,474
0 votes
2 answers
36 views

Show Widget in the Html

I have an html file for checkout where I want to show the widget which is coming from the database . Instead of displaying the widget it shows widget code. I have attached screenshot of the same. ...
user avatar
  • 1
0 votes
1 answer
227 views

Add foreach loop in knockout

I am using the following condition and its print one value, if(self.options.nearestlocationsBlock) { var firstStore = _.first(locations.items); var newContent = '<div class="store&...
user avatar
  • 103
0 votes
1 answer
425 views

Magento 2 - How to add custom attribute in knockout "data-bind="html: 'Product Attribute : ' + product_sku "

I want to show my custom attribute on the wishlist sidebar section, how to add my custom attribute "brand & Size" attributes into this, eg: <div data-bind="html:product_brand &...
user avatar
  • 103
0 votes
1 answer
96 views

Magento 2: Translate knockout html where "mailto:info@sitename.com" is used

In Magento_Checkout/web/template/minicart/content.html there is a "mailto:info@website.com" used. Now I can translate the last piece by -- ko text: $t('info@website.com') --> <-- /ko --...
user avatar
0 votes
0 answers
58 views

Magento 2.3.2 - Very weird checkout cache issue

Hoping someone can help here. We have a Magento 2.3.2 website. There's nothing particularly special, functionality wise about it. It uses cloudflare, which could be a cause, but the hosts assure us ...
user avatar
1 vote
0 answers
104 views

Magento 2 uiComponent multiple instance

I have a view with two templates that use the same uiComponent with Knockout Js. I spent hours trying to discover how to do not share the observables between two different templates. example: <div ...
user avatar
  • 19
0 votes
1 answer
335 views

How to make div collapsible in ko template?

We often want to make store credit or adding gift card div collapsible on checkout page. How to make store credit or customer balance div collapsible in knockout template?
user avatar
0 votes
1 answer
842 views

Knockout observable is not accessible inside function

So I am working with Knockout inside Magento 2.3.4, and I am setting a custom observable value on initialize, and then I am trying to access that observable and change the value inside a function. ...
user avatar
0 votes
1 answer
756 views

Magento 2 Knockout bind on ajax response

I am going crazy with knockout on Magento 2, I am new to knockout and I cannot understand what I am doing wrong. I know there are some related questions posted there but each one is different from ...
user avatar
0 votes
1 answer
28 views

Moving Coupon Block in Checkout Knockout Error

I moved the Discount block from the billing-step to the Sidebar in the Magento 2 checkout. I disabled the original discount block in the billing-step but I am still getting the following JS error: ...
user avatar
  • 1,982
0 votes
1 answer
634 views

Knockout - Unexpected identifier (SyntaxError: Unable to process binding)

I am getting the following error in the browser console: knockout.js:2982 Uncaught SyntaxError: Unable to process binding "ifnot: function(){return customer().fullname }" Message: Unable to ...
user avatar
2 votes
0 answers
60 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'"> ...
user avatar
3 votes
3 answers
957 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="...
user avatar
0 votes
1 answer
1k 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 ...
user avatar
1 vote
0 answers
58 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, ...
user avatar
  • 167
0 votes
0 answers
18 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?
user avatar
  • 1
1 vote
0 answers
207 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 ...
user avatar
  • 1,009
1 vote
0 answers
86 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 ...
user avatar
0 votes
1 answer
334 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/...
user avatar
1 vote
2 answers
181 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
user avatar
  • 422
0 votes
1 answer
326 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\...
user avatar
2 votes
1 answer
519 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 ...
user avatar
  • 2,402
1 vote
1 answer
7k 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($) { ...
user avatar
  • 383
0 votes
0 answers
2k 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 ...
user avatar
1 vote
0 answers
722 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 ...
user avatar
  • 309
1 vote
0 answers
59 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. ...
user avatar
2 votes
1 answer
796 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....
user avatar
  • 799
0 votes
1 answer
67 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 ...
user avatar
1 vote
0 answers
47 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 </...
user avatar
  • 159
0 votes
0 answers
78 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 ...
user avatar
0 votes
2 answers
1k 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'; ...
user avatar