Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [knockoutjs]

Denotes questions related to Knockout use in Magento2

0
votes
0answers
18 views

Adding custom/extension attribute to shipping/billing address :: js set-shipping-infromation-mixin.js error

Magento 2.3.1 I referred to following link for adding a custom/extension attribute to shipping address https://devdocs.magento.com/guides/v2.3/howdoi/checkout/checkout_new_field.html However, when ...
0
votes
3answers
846 views

item count and subtotal in minicart in magento2

I want to display cart count and subtotal near Minicart. I have copied Minicart from Module_Checkout to my custom theme. It is displaying but i need use if condition for cart count if it is greater ...
1
vote
2answers
26 views

magento 2 How to get dropdown selected value in knockout js on button click

i have my custom payment method in checkout page with dropdown list. and i want to get that dropdown selected value in knockout js and forward it to controller and store dropdown value in my custom ...
2
votes
0answers
236 views

Magento 2: Add custom Attribute in mini cart

I added custom discount on shopping cart page. Now I want to add custom discount and grand total on minicart magento 2.How can i do this.
0
votes
2answers
1k views

Magento 2 checkout knockout.js in custom template error - telephone field

I'm trying to create a mask for telephone field in Magento 2.2.2 checkout. In order to do so. I placed a checkout_index_index.xml with a new template for telephone field at vendor/mytheme/...
0
votes
1answer
14 views

Use new field “Full Name” to replace “First Name” and “Last Name” in Checkout

My idea is to use to add a new field called "Full Name" and it will fill out the "First Name" and the "Last Name" while you type in the checkout. I have almost everything ready but I can't let know to ...
0
votes
0answers
29 views

How to get url parameter in knockout js in checkout/index/index/#payment page

I am trying to replace my custom payment method's button called "submit request" to "place order" button when the status is approved. I send status in URL parameter and now want to get it in knockout ...
1
vote
0answers
25 views

Need somehelp get data from checkbox in checkout

I have used Aheadworks_OneStepCheckout and I added some checkbox. However, I can't get the value of the checkbox. My code: /** * Copyright 2019 aheadWorks. All rights reserved. * See LICENSE.txt ...
0
votes
1answer
14 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 ...
0
votes
0answers
21 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
2answers
39 views

magento 2 unhide any messages

As per default Magento 2 behavior, any message like success, error or notice, etc hide after 5 seconds. I don't want to hide any message so that user can read message. See below image that display ...
2
votes
1answer
1k views

Magento 2 UiRegistry can't get component element

this my checkout_index_index.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="checkout" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/...
0
votes
1answer
26 views

Add custom data-attribute inside script tag of custom JS

I would like to add a custom data-attribute to a javascript injected in the frontend area using a custom module. My custom javascript is inserted using var config = { map: { ...
1
vote
1answer
20 views

How to remove 'clickability' from a SPAN element during Checkout

I'm developing a new Magento 2 eshop in Germany. During the Checkout steps, www.mywebsite.com/checkout/#email in my Sidebar, we see a presentation of the costs and a breakdown view with taxes, Pfand, ...
0
votes
0answers
15 views

Call a function when all checkout shipping address fields are rendered on

I'm customizing Magento 2 checkout. I intend to call a javascript function when all checkout shipping fields are rendered, so I customized the form.html with afterRenderAll on foreach block and ...
0
votes
1answer
805 views

Magento2 - How can I display a product attribute value in Order Summary block?

I am trying to display a product attribute value - SKU in Order Summary block. I have found the template where it is displayed: vendor/magento/module-checkout/view/frontend/web/template/summary/item/...
10
votes
3answers
5k views

Magento 2: Move place order button from payment to sidebar on checkout page?

I want to move the place order button from the payment to sidebar on checkout page. Anyone can give me a suggestion? Edit: Is this even possible (with the answer/approach provided)? From my ...
0
votes
1answer
1k views

Magento 2 knockout component scope

I have two knockout components. The xml in layout is: <body> <referenceContainer name="content"> <block class="Vendor\Module\Block\List" name="some_name" template="list....
0
votes
0answers
11 views

Render UI-component through block

I'm quite new to Magento's front-end and could not find any results on what I'm looking for. I currently have a table which contains many rows and need to render a ui-component button for each each ...
0
votes
1answer
1k views

Magento 2 knockout Select options not returning the value

I have Created custom component with select drop down when I select an option and alert the select option it spits out : function observable() { if (arguments.length > 0) { ...
0
votes
1answer
26 views

Questions about using knockout

I would like add a feature to show a data like the "Welcome username". So i searched about how it works and i followed this tutorial I'm blocked because i'm always getting the error unable to process ...
1
vote
1answer
19 views

Magento 2.3 - Category Page in CMS blank amongst other errors

Experiencing some weird behaviour in Magento 2. It's 2.3.1 (recently upgraded from 2.2.4 but it we only started experiencing it after migration). Issue 1: When visiting a category page in the CMS, ...
0
votes
1answer
61 views

Magento 2 Auto added product's image missing in the checkout page

I have created a small module to add a product automatically at cart when a specific coupon code is applied. All is working fine except the product image is missing for the first time, but it shows ...
1
vote
1answer
568 views

Get customer chosen shipping method with jQuery

How could i find out the shipping method that the customer has chosen right after click of change? I have tried to get shipping methods id or value that customer has chosen when he/she has clicked ...
4
votes
3answers
3k views

Magento 2 - Add CMS Static Block to Checkout Address Form

Evening All, I am looking to add a static CMS block to the Magento 2 Checkout delivery address form. I would like display the CMS block under the phone number field. The old method would have been to ...
1
vote
0answers
31 views

Pass data from Helper Data to Knockout JS file Magento 2

How i can pass helper data to Knockout JS to show it on my html file. Actually i am working on Checkout page and i want to show the name of product owner on checkout summary. Any help would be ...
0
votes
1answer
936 views

magento 2 payment method does not show up in checkout page frontend

I'm trying to implement a new payment method with Magento 2 , so i have implemented the below code to display the payment method as an option within payment methods list , however the issue is "...
7
votes
1answer
1k views

how to load or add js before require js in magento 2

I am trying to override default_head_blocks.xml like below vendor\magento\module-theme\view\frontend\layout\default_head_blocks.xml <?xml version="1.0"?> <!-- /** * Copyright © 2016 Magento....
2
votes
4answers
69 views

How to override both shipping.html and shipping.js file in custom module magento 2

override both shipping.html and shipping.js I am trying to override shipping.js file in magento 2 but can not working. requirejs-config.js var config = { paths: { 'Magento_Checkout/template/...
0
votes
0answers
11 views

Unable to edit custom options in configurable product (JS error)

When I try to edit a configurable product I get this error in console (after clicking the Custom options tab) : knockout.js:3012 Uncaught TypeError: Unable to process binding "afterRender: function(){...
0
votes
1answer
13 views

“Field is required” error once I make selection on custom ui-select

I'm currently making a custom ui-component for the adminhtml form which extends the default ui-select element. But the issue is that when I make a selection on this new ui-select all fields have their ...
0
votes
0answers
21 views

How do I render an external template in ui-component?

I'm making a UI-component table that displays different types of fields which allow the user to manipulate the data of a given row easily. I got to the point where I need to get, render and display ...
0
votes
0answers
34 views

Magento 2 checkout page js error

Checkout Page JS Error :- Unable to process binding "mageInit: function (){return {'collapsible':{'openedState':'active','active':isItemsBlockExpanded()}} }"
0
votes
0answers
30 views

How to show new shipping address modal form below list of shipping addresses?

I am completely new to magento ui-components and I don't know how to use them to make frontend changes. I am adding screenshot below to show what I am trying to achieve. Recently I have a task in ...
1
vote
1answer
1k views

Knockout JS removes jQuery change event

I don't know if it is specific to Magento 2 but an already set up HTML node with jQuery change event attached to it will lose its change event when run inside a knockout component with attached VM (...
1
vote
1answer
37 views

Unable to process binding click: function()

I'm trying to implement a click event in one of the button I added under the Magento_Checkout module specifically under payment.html view. Now I added the below code File location: app/design/...
1
vote
0answers
14 views

UI Components - pass ids selection to listing selection

How do i pass a selection of ids to an insert-listing component to preselect certain rows. I have a dynamic rows component with entries related to the current product I'm editing. When click on a ...
2
votes
1answer
29 views

Magento2 custom Knockout binding

I am working on a customization of the checkout page in M2, in particular I am trying to add to the 'discount' section of the page. In this part of the page I need to call a third party javascript ...
10
votes
4answers
4k views

How to specify skin image path in Knockout HTML template?

I'm trying to add an icon image in the Magento_Paypal/web/template/payment/paypal-express.html template. The icon is located in web/images. I would like to use the equivalent of the following code, ...
2
votes
0answers
14 views

Magento 2: i need update order summary when click custom option payment method checkmo

need to know is how to update the order summary like reloading the component when we do something like choosing a select payment terms My code: view/frontend/web/js/payment/method-renderer/...
1
vote
1answer
1k views

magento 2 get value of selected select box using knockout in custom module

I have created custom module , in which I have created front end template form using knockout js. In form I have created a select box. I want selected option value in form post method and save that ...
5
votes
1answer
1k views

Magento 2: shipping methods not updated on changing of checkout fields

In the past when I fill one of the checkout fields then shipping method section under the checkout page refreshed and then updated like this: But now shipping method not updated by calling ajax (or ...
1
vote
1answer
34 views

Get changing variables from Magento block in knockout js

Want to pass entityId to the getInfo method: This block.phtml is on the catalog page (list) that gets called per Item on the page and sends each entity id to the getInfo method. The getInfo method ...
2
votes
2answers
2k views

Magento2 Knockout js - issue on cart

I tried to reposition my cart block to a other header location. Since then I am getting this javascript error which is annoying since I only repositioned a block. Uncaught TypeError: Unable to ...
0
votes
1answer
32 views

magento 2 how to override select-shipping-method.js

when trying to override select-shipping-method.js in my custom module then getting this errors 1 - Uncaught Error: Script error for: Xyz_Customcheckout/js/model/quote http://requirejs.org/docs/...
1
vote
0answers
19 views

Magento 2 what is “each” argument and how it works? [duplicate]

what is "each" argument and how it works ? <each args="getRegion('address-list')" render="" /> <each args="getRegion('address-list-additional-addresses')" render="" /> If anyone knows ...
1
vote
2answers
38 views

How can you get the config value in html

I want to know if you can get the config value to html I have a class which provides the value for config Not sure how to get this checked in HTML I have been looking at configproviderinterface
0
votes
0answers
20 views

What is the purpose of “configSource” in layout

What is the purpose of using "configSource in file "https://github.com/magento/magento2/blob/0eb8677b0b4e35606032e856cc1ef7c80e68829f/app/code/Magento/Captcha/view/frontend/layout/default.xml
3
votes
2answers
572 views

Magento 2 - Add success message with knockout

I need add an errorMessage or successMessage on checkout/cart after an jquery validation. I tried require file 'Magento_Ui/js/model/messageList' for this but not have success. My code: define( [ ...
1
vote
0answers
88 views

Magento2: custom javascript not called when using with text/x-magento-init

In list.phtml (product listing) I am showing requistition lsit for every product using type="text/x-magento-init" in loop as: <script type="text/x-magento-init"> { "*": { "...