Questions tagged [knockout]
The knockout tag has no usage guidance.
79
questions
0
votes
1answer
15 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
56 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
32 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
21 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
27 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
40 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
35 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 ...
0
votes
0answers
16 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
16 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
53 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
130 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
233 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
16 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
193 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 ...
0
votes
0answers
47 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
40 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
236 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
438 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
21 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
105 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
44 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
126 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
111 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
13 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
130 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
285 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
3k 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
449 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
329 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
50 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
39 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
40 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
730 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
932 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
1k 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 : ...
1
vote
0answers
91 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
640 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
249 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
607 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 ...
4
votes
0answers
166 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
1k 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
905 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
379 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
1k 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
37 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 ...
asked Apr 15 '19 at 5:11
Emipro Technologies Pvt. Ltd.
3,7481 gold badge17 silver badges48 bronze badges
2
votes
1answer
90 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.
