Add custom javascript to all pages on your theme

Use custom javascript The best solution to add custom javascript to all pages of your website is to create a javascript module and load it via requireJS. This can be done by creating a requirejs-config.js file in your theme folder with the following content: This file tells requireJS to load a custom.js file located in folder Theme_Vendor/Theme_Name/web/js. Include in that[…]

Read more

How to disable the dropdown in the minicart?

I had a customer that wanted to remove the minicart dropdown and take the visitor directly to the cart page when clicking the cart icon. This can be implemented by overriding the dropdown javascript module via mixin. First create a requirejs-config.js under your theme folder. You can add it inside the Magento_Checkout folder. So, create file Theme_Folder/Theme_Name/Magento_Checkout/requirejs-config.js with the following[…]

Read more

How to change the order of tabs on the Product page?

The best way to implement the order change on the tabs that are displayed on magento’s product page is by extending the product page layout and changing the sort_order attribute for the tab block you want to move. In your theme’s folder (design/frontend/Theme_Vendor/Theme_Name) add (or append to) the file catalog_product_view.xml under the folder Magento_Catalog/layout. Is you already have that file[…]

Read more

How to show the totals section in the checkout shipping step

If you want to show the totals section when you first go to the default checkout in your magento 2 website you need to extend the abstract-total object defined in the Magento_Checkout/js/view/summary/abstract-total.js file. The function isFullMode needs to be replaced by a custom function that avoids not showing the total section in the shipping step. Basically the last statement on[…]

Read more