Magento – jQuery conflict – newbie

javascript

Installed a search extension and now the shopping cart is broken. Am getting a javascript error.

When the extension is disabled everything works fine. The Extension support told me to empty their .js file. But that does not fix the issue.

I don't understand where the $.noConflict(); should go.

Best Answer

open up your included jQuery file and add to the last line. You can see from view-source from where it is included:

jQuery = jQuery.noConflict();

or just

jQuery.noConflict();

Related Solutions

Magento – Magento 2: access quote via javascript

I was struggling with a similar matter and I found the following article, by Yireo: https://www.yireo.com/blog/2017-08-20-do-not-depend-on-window-checkoutconfig

In short, when trying to access the quote outside the checkout or cart, you need to collect the information yourself.

The important part for you is to add the information you need to your own JS component, like so:

<script type="text/x-magento-init">
{
    "#dummy": {
        "Magento_Ui/js/core/app": <?php echo $block->getJsLayout();?>
    }
}
</script>

Then create a Block-class which takes care of loading the configuration:

public function getJsLayout()
{
    $this->jsLayout['checkoutConfig'] = $this->configProvider->getConfig();
    return \Zend_Json::encode($this->jsLayout);
}

The above example assumes that you're using dependency injection in the __construct() method to load the \Magento\Checkout\Model\CompositeConfigProvider class as $this->configProvider

Best Answer

Related Solutions

Magento – Magento 2: access quote via javascript

Related Topic