Magento 2 – Add JS File to Catalog Page

catalogjavascriptmagento2requirejsrequirejs-config.js

I am using Magento 2.2.1. I want to add a js file to change one special span tag content with CSS class "price" on the catalog page. I was using document.getelementnByClass.. for my js development. and my question is how to accept that in my Magento 2 project

Best Answer

You can use requireJs in your phtml File and use jquery for that

<script>
    require([
        'jquery',
    ], function ($) {
       //here write your code :) 
    });
</script>

Related Solutions

Magento2 – How to Add CSS Class on Body

In your layout or template file, you need to add an attribute to the body tag, like this:

<body>
    <attribute name="class" value="my-css-class"/>
    ...

Hope that Helps

Magento – Magento 2 : add custom JavaScript to CMS page create/edit in admin

Try following way:

Vendor/Module/view/adminhtml/layout/cms_page_edit.xml


<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block class="Vendor\Module\Block\Cms\Custom" name="info" before="before.body.end" template="Vendor_Module::cms/custom.phtml" />
        </referenceContainer>
    </body>
</page>

Vendor/Module/Block/Cms/Custom.php


namespace Vendor\Module\Block\Cms;

class Custom extends \Magento\Framework\View\Element\Template
{

}

Vendor/Module/view/adminhtml/templates/cms/custom.phtml


Custom Block
<script>
    require([
        'jquery'
    ], function($){
        $(document).ready(function() {
            console.log('here')
        } );
    })
</script>

Best Answer

Related Solutions

Magento2 – How to Add CSS Class on Body

Magento – Magento 2 : add custom JavaScript to CMS page create/edit in admin

Related Topic