How to override Magento checkout shipping.html

Question

myproject/vendor/magento/module-checkout/view/frontend/web/template/shipping.html

Overring using the fallback.

myproject/app/design/frontend/Solace/olsto_child/Magento_Checkout/web/template/shipping.html

I tried to modify the file : shipping.html , but it didn't get overriden any solution let me know if I am doing the right way or wrong.

Answer 1

Use requirejs-config.js. Location of this should be app/code/[VendorName]/[ModuleName]/view/frontend/requirejs-config.js

var config = { paths: { 'Magento_Checkout/template/shipping': '[VendorName]_[ModuleName]/template/shipping' } };

Also clear your static folder files and run php bin/magento static-content:deploy

If you want to override this in your theme follow steps in this How to override html file in magento 2.1

Answer 2

correct path to override would be the following:

(magento_dir)/app/design/frontend/Vendor/Theme/Magento_Checkout/web/template/shipping.html

delete things under:

/var/viewprocessed/
/pub/static/frontend/

I am assuming you are on linx here. go to the console and navigate to (magento_dir)/bin/

from within the bin folder, issue the commands in the following order:

./magento setup:static-content:deploy
./magento cache:flush

it takes some time to deploy the static content. so wait before you flush the cache.

Clean the cache in your web browser and try to view your page that you want to override.

Hope this is clear enough and works for you.

Answer 3

Use

myproject/app/design/frontend/Solace/olsto_child/Magento_Checkout/web/template/shipping.html

instead of

myproject/app/design/frontend/Solace/olsto_child/Magento_Checkout/web/web/template/shipping.html

Also if changes are not affecting, then remove var, generation and pub/static folder and then deploy content again.

Answer 4

create: app/code/VendorName/ModuleName/view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
          'Magento_Checkout/template/shipping.html': 'VendorName_ModuleName/template/shipping.html'          
        }
    }
};

or

Move: file to this path, then compile.

myproject/app/design/frontend/Solace/olsto_child/Magento_Checkout/web/template/shipping.html