Questions tagged [knockout]
The knockout tag has no usage guidance.
94
questions
0
votes
1answer
22 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=&...
0
votes
0answers
17 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: '...
0
votes
0answers
17 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....
0
votes
1answer
24 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....
1
vote
1answer
127 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: ...
0
votes
1answer
63 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 ...
0
votes
0answers
24 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....
0
votes
0answers
19 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=&...
0
votes
2answers
149 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}&...
0
votes
1answer
39 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 ...
0
votes
1answer
29 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
vote
1answer
30 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
vote
1answer
48 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 ...
0
votes
0answers
16 views
Magento 2: Where can I edit the Minicart product image template (KnockoutJS template)?
I'm trying to edit the minicart product image template. I found the parent file:
/app/design/frontend/Smartwave/porto/Magento_Checkout/web/template/minicart/item/default.html
However it uses a ...
0
votes
0answers
65 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: (...
0
votes
0answers
14 views
Magento 2 reutilize components and template.html
I have been searching how can I use ko component inside another ko component and extend in order to create complex forms.
I just don't get it how it works.
Whit this I was successfully tu extend a ...
0
votes
2answers
33 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. ...
0
votes
1answer
22 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&...
0
votes
1answer
193 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 &...
0
votes
1answer
73 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 --...
0
votes
0answers
113 views
datetimepicker is not a function?
After installing the module https://github.com/ecomteck/module-delivery-date on magento2, the input field is displayed without date selection. The console shows an error:
knockout.js: 3381 Uncaught ...
0
votes
0answers
28 views
magento2: View model knockout
I am new in magento module development. I was searching for something similar to this
https://www.mageplaza.com/devdocs/how-add-custom-discount-magento-2.html
I just editied the code in step 2 to meet ...
0
votes
0answers
78 views
Magento2 Checkout - Add secondary email input in the login form
I have Amasty_Onestepcheckout module installed on a site running on Magento 2.4.1. I have to add a secondary email address that have to be validated as email and equal to the primary email input field....
0
votes
0answers
37 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 ...
1
vote
0answers
50 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 ...
0
votes
0answers
18 views
Magento2 - Checkout page store credit auto selected
I want to make store credit option auto selected on checkout page.
If I click on the "Use Store Credit" button using jQuery, it works perfectly. But I am not able to make it work.
To achieve ...
0
votes
1answer
169 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?
0
votes
1answer
460 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
1answer
519 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 ...
0
votes
1answer
22 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:
...
0
votes
1answer
401 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 ...
2
votes
0answers
48 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
596 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
721 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
42 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
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
vote
0answers
148 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
vote
0answers
66 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
227 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
144 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
1answer
214 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
410 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 ...
1
vote
1answer
5k 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
1k 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
589 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
57 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
535 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
56 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
41 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
61 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 ...
