Questions tagged [knockout]
The knockout tag has no usage guidance.
93
questions
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 ...
- 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? ...
- 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 ...
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 ...
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'">
...
- 892
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=&...
- 892
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: '...
- 892
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....
- 892
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....
- 892
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: ...
- 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 ...
- 48
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....
- 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=&...
- 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}&...
- 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 ...
- 23
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 ...
- 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);
...
- 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 ...
- 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: (...
- 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. ...
- 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&...
- 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 &...
- 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 --...
- 11
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 ...
- 527
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 ...
- 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?
- 2,641
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. ...
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 ...
- 319
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:
...
- 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 ...
- 510
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'">
...
- 2,726
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="...
- 6,657
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 ...
- 21
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, ...
- 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?
- 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 ...
- 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 ...
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/...
- 338
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
- 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\...
- 153
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 ...
- 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($) {
...
- 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 ...
- 2,519
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 ...
- 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.
...
- 338
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....
- 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 ...
- 1,328
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
</...
- 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 ...
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';
...
- 569