The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [jquery]

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

Filter by
Sorted by
Tagged with
0
votes
1answer
22 views

Slick slider is not working properly in Magento2.3

I would like to use slick slider concept for compare products so I have implemented it on my Magento site. But It's not working as expected though the script has been loaded. I'm not sure where am I ...
0
votes
1answer
1k views

magento 2: Slick JS does not work when loaded from require JS

There is no error in console and when I tried to put the log "Slick is on "on the on-init function, it displayed correctly. My theme require-config js : var config = { deps: [ "js/mainsite", ...
0
votes
2answers
46 views

Slick slider is not working in Magento 2

We have integrated the slick slider on Magento 2. But, the slider is not working. I have checked the console and see there is no error. I'm not sure where am i wrong. Code in Template file: <...
0
votes
2answers
34 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 ...
1
vote
0answers
26 views

How to use jquery function date time picker in magento 1.9

<script> jQuery(function() { jQuery(document).ready(function() { jQuery(".date").datepicker(); jQuery(".date").datepicker({ onSelect: ...
0
votes
0answers
34 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
24 views

Create account error on One Page Checkout magento 2.3.3

When we a checkbox to "Create account" on the onestepcheckout page we add the password. As soon as we click on "Place Order" nothing happens. I get the following error in the Chrome Inspector Console. ...
2
votes
1answer
595 views

Update price without refresh the page

I am working on magento2 customization calculation functionality. In this i have width and gather two field is there in text field I have to calculation with product price eg. pricewidthgather like ...
0
votes
0answers
27 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
1k views

jQuery version update at M2

I want to upgrade magento 2 jQuery version from 1.9 to 3 do you think is an good idea? how i do it for upgrade jquery build-in file who come with magento 2 ?
0
votes
2answers
789 views

How can initialize a function mobile only?

CODE HTML: <div id="element"> <div class="col-md-3"> <div data-role="collapsible"> <div data-role="trigger"> <span>Title 1</span> ...
5
votes
1answer
1k views

Magento 2.2.1 Checkout page broken and Js fail to load error

I have installed Magento 2.2.1 and set up my custom theme but checkout page looks broken and consoles showing errors: Not sure how to resolve this issue. Need help how can this be resolved. How ...
1
vote
1answer
1k views

How to Auto Select Color Option for Products with Only One Color (configurable product)?

I have some configurable products with a custom color swatches attribute. Lot of them have just one color options, so i 'd like to mark the option as selected in the product page. I added a custom js ...
0
votes
1answer
881 views

Linking on button and open custom tab

Need to open custom tab on product view, from link. Magento 1.9.2.4 Custom theme. My tab, which is added just in one category by Custom Design <reference name="product.info.tabs"> <...
0
votes
1answer
34 views

I am getting Uncaught ReferenceError: require is not defined

please anyone can help me here, I am getting the require undefined in js, below is my code. Thank you <script> require([ "jquery", "mage/...
0
votes
0answers
15 views

How to resolve require is undefined issue (caught ReferenceError: require is not defined)

I am getting an issue on a single page (caught ReferenceError: require is not defined) on the below code. Please help me to resolve this issue. I am not sure where I am getting this issue I inspected ...
1
vote
5answers
3k views

How to disable JQMigrate Logging

We keep receiving this log and stack trace from JQMigrate, but it seems to just be a warning. Is there a way to just straight up disable logging in production?
1
vote
0answers
36 views

Magento 2: Autoplay product video when video icon on left panel is clicked?

I want to autoplay video when video icon on the left panel is click. Once the video icon is click the video on the container will automatically play. Here is the current classes on the video icon: ...
3
votes
2answers
1k views

Magento 2.2.2 bootstrap.min.js:7 Uncaught TypeError: f[b] is not a function

I am Using Magento 2.2.2. I have inserted this code in the Block i.e Content>Block when wei click on the Ask an Expert image , The Modal popup should appear. But currently its not showing popup, the ...
0
votes
1answer
25 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 ...
0
votes
2answers
24 views

Magento2: How to include js library + assets into static cms page via template?

i have a static page which was created via cms -> page. I include a custom phtml template within the cms page {{block class="Magento\Framework\View\Element\Template" name="test_file" template="...
4
votes
0answers
53 views

Magento2 - Remove/edit classes from navigation

I have set up a new magento2 store and I added some jqery-ui items ( accordion and tabs) and for them to work, I was included the jquery.css in my _extend.less inside my custom theme. Unfortunately ...
6
votes
0answers
483 views

How to apply custom validation in Magento 2 checkout Shipping Address form?

In Magento2 - I want to apply some custom validation on shipping address form of Magento 2 Checkout. Normally I do it with JQuery but don't know how to apply it in Magento 2. The validation I want to ...
0
votes
1answer
1k views

Lots of jQuery conflicts on Magento 2

I'm working on a new Magento 2 installation with the Porto theme and have noticed that when you first visit the site or have the browser cache disabled you get a lot of of jQuery conflict errors. ...
1
vote
1answer
62 views

Custom Javascript is not working in my core HTML file. Magento2

I'm trying to add some Javascript and Jquery in the core theme file which is located in magento\pub\static\frontend\magento\luma\en_US\Magento_Checkout\template\payment+methods\list.html <!-- /** ...
3
votes
1answer
1k views

Magento 2 jQuery Modal Not displaying in center

I'm new to Magento 2. For homepage popup i have added below code <div id="popup-modal"> Test Data </div> <script> require(['jquery', 'Magento_Ui/js/modal/modal'], ...
0
votes
1answer
74 views

Magento 2 - Using jQuery on HTML page

I have a custom offline payment module and I am trying to use jQuery to hide a div in frontend/web/template/payment.html: <script> require([ 'jquery' ], function($){ if ( $('#payroll-form'...
0
votes
0answers
8 views

How to style given HTML with css to style like the screenshot attached below?

<div data-role="content" class="filter-options-content Size opt_id_3" role="tabpanel" aria-hidden="false" style="display: block;"> <ol class="items"> <li class="item"> ...
0
votes
0answers
22 views

Magento default tab panel is not working on PDP (Product Description Page) in Magento Enterprise Version

I want magento default tab panel in PDP page. Please refer my tab panel Screens Link: https://i.imgur.com/XxnH0Gp.png I want that tab panel as per Magento Standards. I am using Magento Enterprise ...
0
votes
0answers
54 views

Error while using croppie.js library in magento 2

Trying to use the croppie library on product detail page and sometime it works perfectly but most of the time it throws one of these errors. TypeError: priceBoxes.priceBox is not a function ...
2
votes
1answer
110 views

Magento 2 : Service worker not loading in PWA

I have added the below script to my header to load service worker on load .When I load my website and check applications tab from inspect on browesr it shows nothing . <?php $ajaxUrl = $block-...
0
votes
1answer
2k views

Getting jQuery.browser is deprecated error in console magento 2.1.5

I keep on getting this error in my console, JQMIGRATE: jQuery.browser is deprecated migrateWarn @ jquery-migrate.js:41 get @ jquery-migrate.js:58 (anonymous) @ jquery.ba-hashchange.min.js:9 (...
1
vote
1answer
1k views

Magento 2: How to use event trigger on the checkout page?

How to use event trigger when change "State/Province " drop-down on the checkout page? I'm trying to page reload when user change Region from "State/Province" dropdown in the checkout page. First, ...
0
votes
1answer
28 views

I am getting Cannot read property 'sectionLoadUrl' of undefined in particular form in magento 2.3.0

This getting this error on a particular form in Magento 2.3.0. I think this error causes invalid form key sometimes when submitting the form. How to solve this following error. Uncaught TypeError: ...
0
votes
2answers
22 views

Magento 2 .focus() not working in template

I have this template: CODE PHTML: <div> Content // this line is OK </div> <script type="text/javascript"> require(['jquery'],function($){ $(window).load(function()...
0
votes
1answer
1k views

QuickSearch widget Magento 2. How to make closed search

I read a lot documentation and see code search. But don't understand how make an opening search by clicking on the icon. Mobile version have opening search by clicking on the icon. How make same for ...
1
vote
1answer
2k views

Sending variable to a bootstrap modal

I have seen this asked before but a lot of the answers I found where people looking to get a variable into a modal to query a database. However thats not what I want. I just want to send a variable ...
0
votes
1answer
60 views

Checkout error on magento 2.3.2 after upgrade

i had upgraded magento version to 2.3.2 and on checkout page i am getting following error payment.js:50 Uncaught ReferenceError: getPaymentInformation is not defined at UiClass.navigate (payment....
0
votes
1answer
10 views

How to add classes input focused on checkout and product review forms?

If an input is in focus or has a value, I want to add a class to all inputs parent .field div. For example on the product page review form or on the checkout page shipping form. If the input is in ...
1
vote
0answers
24 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 ...
2
votes
2answers
627 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 ...
1
vote
4answers
2k views

magento 2 Error: cannot call methods on priceBox prior to initialization; attempted to call method 'option'

I am having an issue on my website the issue Error: cannot call methods on priceBox prior to initialization; attempted to call method 'option' My website https://www.cartaroo.com.cy/?...
1
vote
0answers
491 views

How to disable auto collapse in mobile menu?

In mobile menu of Magento 2 when we click any child item of a parent, the parent collapse [see the image] what can i do to disable this behaviour. Demo: http://magento2-demo.nexcess.net/contact
2
votes
1answer
526 views

Uncaught Error: Mismatched anonymous when calling JQuery in Magento 2 frontend

i use jquery in front-end for ajax in phtml page, but i'm getting this error: Uncaught Error: Mismatched anonymous define() module: function ($, _, template) here's my code: <script> ...
1
vote
1answer
141 views

Uncaught Error: Mismatched anonymous define() magento 2.2.4

Below is the console erros is getting in frontend. Checked .htaccess in pub, pub/static and root all .htaccess are identical to Magento 2.2.4 version. js bundling/minification is enabled and ran ...
3
votes
1answer
44 views

Magento 2: Ajax without effect

My problem is as follow, my script except ajax in working (no problem with giving value or console.log) but my ajax doesn't give me the result expected (remove hidden class and fill a drop list with ...
1
vote
0answers
1k views

magento 2 Uncaught TypeError: Cannot read property 'version' of undefined

I got below error randomly in front-end and when all modal popup not working when below error occurs. Uncaught TypeError: Cannot read property 'version' of undefined I have override admin product-...
3
votes
1answer
2k views

Using jquery in phtml got an error: Uncaught ReferenceError: require is not defined

I use jquery in my phtml frontend page like this: <script> require(['jquery', 'jquery/ui'], function($){ var currentUrl = '<?= $itemEditUrl ?>'; $('#link-cusom-campaign')....
0
votes
0answers
9 views

Weltpixe Jsbundling Extecnesion Magento2

i added js Bundling Weltpixel Extension after configure the extension i am getting error Uncaught TypeError: $(...).unveil is no a function jquery.unveil.js showing in network but getting this error ...
0
votes
0answers
48 views

Magento 2 : unveil is not function

I am getting below error: Uncaught TypeError: $(...).unveil is not a function stuck in this. <script type="text/javascript"> require([ 'jquery', 'jquerypopper', '...