Questions tagged [jquery]

Denotes questions related to the use of jQuery library in Magento.

302 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
0
votes
0answers
51 views

Please enter a value between NaN and NaN Magento 2

I added a range price slider to my product checkout. Now adding the product works fine. So basically I have a Select input where it contains a dropdown of the price value but I hidden it and made the ...
0
votes
0answers
5 views

How to enable add to cart button duplicated on product page due to bootstrap4 display classes

im facing an issue in a theme for magento 2.3 im creating for the company i work for. Here's the situation: I'm using bootstrap4 grid css so i can take advantage of the layout features plus class ...
0
votes
0answers
27 views

Download or save page as HTML on Button click

I want to download or save the page as an HTML when someone clicks on the Download button or link. Please check the below code. <button class='download'>Download</button> <a href='#' ...
0
votes
0answers
67 views

While opening coupon code and trying to go next page it gives Jquery Validate error in Magento 2?

I have created some steps between address and payment form in Magento 2. When i open the coupon code and want to go on next step ( Payment Page Step ) It gives me an error Cannot read property '...
0
votes
1answer
137 views

When click Image and show clicking Image in popup in magento 2

How to create, When click Image and show clicking Image in popup. This is my code :- echo "<td>"?><img src="<?php echo $this->getMediaUrl() .'brand'. $data->...
0
votes
0answers
36 views

Magento2 How to add custom js for checkout billing address only

Does anyone know how i can add custom js for billing address form only ? i need to get default selected country from billing address
0
votes
0answers
51 views

magento 2.3 call updatePrice or reloadPrice on click event

I've added a checkbox on my product page so when the user clicks on it, the product price gets changed. In order for this to work, the click event should call reloadPrice(), a javascript method ...
0
votes
0answers
39 views

How to create autocomplete on click on textbox in magento2.3.5

I want to create a dynamic textbox and using the id attribute to use autocomplete functionality in this. I have Developed a dynamic id for each textbox on click of add Item button and my id is ...
0
votes
0answers
18 views

How to use owl carousel for my category wise product on home page in mageno2?

Hello I want to display My Category's product in owl carousel, i already display product on homepage but i want that product in my owl carousel slider please help me without using any extension please ...
0
votes
0answers
37 views

Jquery callback function cannot read property of undefined using knockout js

1.lets assume placeOrderClick function is called.within this there is a eprotect API success callback function called submitAfterEprotect. i'm trying to call placeorder function using self in ...
0
votes
2answers
57 views

Magento 2.3 jquery accordion seems blocked

I am aware of the built in Magento accordion but do not want to use it. I want to use jQuery accordion. In my theme web/js/custom.js I have the following define([ "jquery", 'accordion', ], ...
0
votes
0answers
6 views

Unread jQuery script in custom phtml file included with ajax in Magento 2

I have included in the product page a custom external phtml file from a module which is called with ajax on click. The html and php code is read correctly, only the jQuery code is not read and is not ...
0
votes
0answers
30 views

How to validate and Submit Login Form Using Ajax

i want to create login form using ajax with validation in magento 2.3.5. so can anyone have idea about it then please share with me. Thank you in advance.
0
votes
0answers
30 views

How to display login on hover in magento 2

In this i want to create a custom module in that one button is in header for login and on hover of that button i want to display login form with ajax.
0
votes
0answers
35 views

Magento 2: Error Disable some dates in jquery Datepicker

I try to add datepicker in magento 2 checkout page like this: ko.bindingHandlers.datepicker = { init: function (element, valueAccessor, allBindingsAccessor) { var $el = $(...
0
votes
1answer
185 views

Magento 2 - Custom Module JS error

I am trying to add custom js file using my custom module. But getting below error in console. Uncaught ReferenceError: Plyr is not defined DevTools failed to load SourceMap: Could not load content ...
0
votes
0answers
36 views

How to remake js code on jquery ui widget

I have a simple code that animates the appearance of a mini-cart modal window. <script type="text/javascript"> require(['jquery'], function($){ $(document).ready(function(){ ...
0
votes
0answers
65 views

Animation for a mini-cart not working

How to make an animation to show and hide the mini-сart? Expected result: by clicking on the minimap, the block flies from above to its position Found a way using jquery UI I found a way using ...
0
votes
0answers
21 views

Magento 2 - How to use Ajax Auto completer?

I'm working on migration from Magento 1.9.* to Magento 2.3.* , in one of my phtml code I have this javascript Ajax.Autocompleter function, as I know this function is not available in Magento 2.3, how ...
0
votes
0answers
39 views

Cannot read property 'version' of undefined error while hard refreshing the page in magento 2

Whenever I am hard-refreshing the page, it displaying the below js error. jquery-ui.js:37 Uncaught TypeError: Cannot read property 'version' of undefined at jquery-ui.js:37 at mixins.js:87 at Array....
0
votes
1answer
131 views

Uncaught TypeError: $ is not a function

A function is created to be called when a change event occurs on a span tag as seen in the code snippet below. $(".price-box").on("change", ".normal-price .price-wrapper span.price", function() { ...
0
votes
0answers
12 views

dynamic content when choose option configurable product magento 2

I want to get id and attribute of children product when choosing the option in configurable product like that: please watch the video below: https://www.loom.com/share/...
0
votes
2answers
522 views

Cannot read property 'bind' from copy of mage/menu.js

I am trying to create a custom menu in Magento 2, but I run into the following browser console error when I add the JavaScript file for it. main.js:27 Uncaught TypeError: Cannot read property 'bind'...
0
votes
0answers
27 views

First shipping Method will displayed Magento 2

Plz help me Say We will select Postal by default and and based on that only One bitcoin payment method would be there. If we click/check DHL shipping method then both Payment method would be there. ...
0
votes
1answer
52 views

Adding slick carousel to Magento 2 homepage

I'm having an issue with what I think should be a basic thing but I'm obviously doing something wrong, all I want to do is have a basic banner slider using slick slider jquery plugin. I have a custom ...
0
votes
0answers
13 views

Magento2 PDP tabs make first one always active

I have edited the details.phtml to show custom attributes in two tabs instead of using the detail Magento details and more information tabs. However my issue I am not sure how to make sure that the ...
0
votes
0answers
107 views

Magento 2: Issue with double configurable swatches on related product tab

I am having an issue with double configurable swatches on the related product tab. It is working properly with single swatches such as color swatches only but it creates an issue on products with ...
0
votes
0answers
1k views

How to detect the browser tab close event in jquery

How do i detect the browser event when customer closing the browser tab by clicking X in jquey? I just want to show popup to the customer while they closing the browser tab. I have used below code. ...
0
votes
0answers
12 views

Issue : When my widget load , my Jquerry no more avaible

I try to add Widget on product page that is a calendar which use jquery in an another webservice . In my phtml i use file_get_content But when i do this my widget does load corectly but all my other ...
0
votes
0answers
25 views

How i can check which button is triggered to Open Modal

I Have a Modal Which can be open by two button modal_button_a and modal_button_b how can I check which button is clicked to open the modal using jquery <modal name="test_modal"> <...
0
votes
0answers
5 views

How to disable magento scrol validation on customer registraion foam?

I have comment the code if (firstActive.length) { $('body').stop().animate({ scrollTop: firstActive.offset().top - windowHeight / 2 }); ...
0
votes
0answers
14 views

Price Utils issue

Hi, I am trying to format the price using 'Magento_Catalog/js/price-utils'. require( [ 'jquery', 'Magento_Catalog/js/price-utils' ], function ($, priceUtils) { ...
0
votes
1answer
16 views

jquery in how to get the children without tag id using?

j query in how to get the children without tag id using ? i have using table structure to get the children but last children not getting. I have try this Code $(document).ajaxComplete(function (...
0
votes
1answer
181 views

How to apply Custom CSS on magento 2 checkout page(shipping and checkout)

i have added two fields in my magento 2 checkout at shipping address tab. My fields are check boxes and and i want to add some css to those check boxes therefore i have added custom css file but as i ...
0
votes
0answers
44 views

Magento 1.9 : Minified JS version error

I have minified JS file from magento backend from here System > Configuration > Advanced > Developer > Javascript settings After minified js it is working in chrome but not working ...
0
votes
1answer
253 views

Maximum call stack size exceeded in magento2

Uncaught RangeError: Maximum call stack size exceeded. at HTMLButtonElement.trigger (717c7c7c456e00bb8693680c02ff88c8.js:3365) at Object.trigger (717c7c7c456e00bb8693680c02ff88c8.js:3365) at Object....
0
votes
0answers
86 views

Magento2: Override issue for lib/web/jquery.js

I am trying to override below file in my custom theme. lib/web/jquery.js Seems it been override. But It stop other jquery from working. Due to this a lot of console error arise. Here is my code ...
0
votes
1answer
108 views

dial codes with phone number in magento2

How can I put an option to choose country dial codes with the phone number in magneto 2.3.2.
0
votes
0answers
58 views

Magento2.3.3 - Autocomplete select function not working

We used the autocomplete(UI) Js to list the products on our site. It works up to version Magento2.2.x, When changing the version to Magento2.3.3 It doesn't function properly, for dynamic input field, ...
0
votes
0answers
49 views

Jquery ui widget implementation instead of just jquery code

I have code that performs the function of interactivity. When you click on the checkbox, the block is cloned and added to another block. Here is an example on codepen: https://codepen.io/annbin/pen/...
0
votes
0answers
29 views

How to rewrite jquery code in jquery ui widget

How to remake this code in ui jquery widget? There is such jquery code. When you select an item using the checkbox, the item is cloned and added to another block. Tell me how to rewrite it in jquery ...
0
votes
2answers
248 views

How to add Isotope jQuery in Magento 2

I have added and configured the Isotope jQuery in Magento 2.3.3. But, its working and showing error as below: Uncaught TypeError: $(...).isotope is not a function I have tried all the solutions but ...
0
votes
1answer
185 views

Execute code after “text/x-magento-init” code finished loading

I need to call a piece of code right after my fotorama gallery loaded. The gallery is called like this in vendor\magento\module-catalog\view\frontend\templates\product\view\gallery.phtml: <div ...
0
votes
1answer
80 views

I can't add success message on the popup frontend

I am trying to use: Magento_Ui/js/model/messageList messageList.addSuccessMessage({ message: 'You have subscribed Successfully' }); But its not working . I tried adding success message in the ...
0
votes
1answer
901 views

Uncaught TypeError: Cannot read property 'innerHTML' of null

We have tried to do a checkout on our website but its not working. When looking into the console, it says the below error Uncaught TypeError: Cannot read property 'innerHTML' of null and its ...
0
votes
1answer
152 views

Magento2.3: Javascript is not loading in server but working in localhost

I'm facing a strange issue. I have main.js file in my theme (that is extended luma theme), there I have included javascript and jquery of megamenu, add to compare, etc. Now, the issue I'm facing is ...
0
votes
2answers
214 views

BX-Slider is not working

I have implemented the BX slider to one of my module. After implementing the BX slider, I can see the script and CSS for BX-slider have loaded when i look into the developer tools. However, the Bx ...
0
votes
0answers
44 views

How Can I add Any jQuery Plugin in Magento 2.3.0

I am trying to add owl Carousel js file in app/design/frontend/My/theme/web/js/carousel.min.js but I am unable to add it to my site header.
0
votes
0answers
39 views

How to speed up the magento 2.2.5 website in production mode

How to speed up the Magento 2.2.5 website in production mode I have tried all default options but still its very slow website url : [https://www.thedottedi.in/] please help me out on this Thanks ...
0
votes
1answer
93 views

Magento 1 - Jquery datepicker error with merged JS

In magento 1 when merged javascript files is set to "yes" I encountered this error : When merged javascript files is set to "No" there was no problem with jquery datepicker. Do you have any idea ...

1 2 3
4
5
7