Questions tagged [knockout]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
9
votes
3answers
10k views

magento2 check if customer is logged in or not in knockout template

How do I check if customer is logged in or not in knockout template? my template <!-- ko if: customer().firstname --> <!-- /ko --> my js define( [ 'ko', 'jquery', ...
8
votes
1answer
3k views

Magento 2 custom module override knockout template

How can we override a knockout template in a custom module? I know how we can do this in our own theme but I need this in a module. For example I like to override this file: vendor/magento/module-...
5
votes
4answers
7k views

Best Way Of Getting Base URL Inside KnockoutJS .html File

How can I get the base URL inside a KnockoutJS HTML file? See file below: app/design/frontend/<Vendor>/<Theme>/Magento_Checkout/web/template/<Filename>.html
5
votes
1answer
1k views

Pass data to child template in cart-items of checkout page

My site is a market place site where vendors(sellers can sell their product). Now i want to customize the to group items in cart by each vendor like this: http://prntscr.com/hmsam6 ...
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 : ...
4
votes
0answers
173 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) { '...
3
votes
3answers
3k views

Magento 2 : External link in admin order grid not linking when click

I have an extra column in my Magento 2 admin order grid, with a column with external urls. This is working well (I see an overview of al my hyperlinks). But when I click on a url, I go to the order ...
3
votes
3answers
266 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="...
3
votes
1answer
2k views

Magento 2 : From where and how does knockout retrieve data on checkout

I know the following: That checkout is done with knockoutjs. Somehow data from PHP is passed to knockoutjs Where is this passing made ? If we look at project-root/vendor/magento/module-checkout/...
3
votes
1answer
1k views

How to change a qty text in Minicart?

How to change qty text box into dropdown in minicart place view/frontend/web/template/minicart/item/default.html file ?
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 ...
2
votes
2answers
762 views

Can anyone explain <item name=“customEntry” xsi:type=“string”>shippingAddress.region</item> this line how workin checkout page in magento2?

Can anyone please explain below line in magento2 checkout page <item name="customEntry" xsi:type="string">shippingAddress.region</item>
2
votes
1answer
297 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
votes
1answer
357 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....
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.
2
votes
1answer
506 views

Magento 2 dynamically add rows to tier price

Task : To trigger Add button so that a new row is inserted in tier price block every time the loop runs via jquery I have loop which is triggering the click on Add button but the issue is that the ...
2
votes
1answer
946 views

M2 - How to get store information in knockout

How can I get store information in KnockOut? For example: When a customer selects "Pickup @ Store" as shipping method, I need to update the shipping address to the address of the store. The customer ...
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'"> ...
2
votes
0answers
151 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
2answers
632 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
5k 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
114 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
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($) { ...
1
vote
1answer
3k 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
5k 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
1answer
23 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
19 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
vote
1answer
390 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 ...
1
vote
2answers
2k 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
2answers
371 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
1answer
1k views

Magento 2: Why I'm getting JS errors after removing browser cache?

I'm using Magento 2 Porto theme and I relocate the position of some header elements like language selector etc. its working fine sometimes but after removing the browser cache its showing following js ...
1
vote
0answers
25 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, ...
1
vote
0answers
110 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
45 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 ...
1
vote
0answers
473 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. ...
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 </...
1
vote
0answers
94 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 ...
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 ...
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 ...
1
vote
0answers
295 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\...
1
vote
0answers
110 views

Magento 2 Knockout Component after initialize hook or method

In the knockout component I have initialize: function () { this._super(); var self = this; ....some code.... } I want to move the ....some code.... part into afterInitilize() method, ...
1
vote
1answer
152 views

Checkout - can't go to Payment step

Getting ko_unique_1=flatrate_flatrate#shipping in URL as param when clicking Next button on Shipping step. The page gets redirected to shipping step and customers are unable to proceed.
1
vote
0answers
34 views

how to set dropdown in magento2?

How to set drop down field in minicart qty place file path view/frontend/web/template/minicart/item/default.html file if anyone knows please explain me
0
votes
1answer
43 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 ...
0
votes
1answer
2k views

Magento2 : How to display custom values in checkout page

I am working on checkout page, I have pass some array values to checkout config provider. How to get those values in knockout JS and display by knockout html. Want to display all applied codes in ...
0
votes
1answer
59 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
471 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 ...
0
votes
1answer
134 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/...
0
votes
1answer
136 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\...