Knockout JS One page checkout templates cannot be overridden.

[Zaylril]

Hey,

When trying to override the one page checkout templates defined in app/code/Magento/Checkout/view/frontend/web/template/authentication.phtml for example

When copying the file and modifying it and placing in app/design/mypackage/mytheme/Magento_Checkout/web/template/authentication.phtml

The file changes are not picked up and the template is not overridden. Changing the original file reflects my changes (so is not cache)

Is this expected behaviour and i'm placing it in the wrong location or a bug?

This is on beta15.

Thanks

[alankent]

I think GitHub munged the path for the theme - did you really use app/design///Magent_Checkout? If I understand, you are creating a theme (themes go under app/design). What was the theme name, and did you enable the theme? My guess is you created it without enabling it in Admin pages. Themes present do not automatically turn on - so you can switch between themes (e.g. Summer, Thanksgiving, Winter, Christmas, etc)

[Zaylril]

Hey sorry yep Github messed up my path name at first. However no this isn't a brand new theme, this is a custom one I've been working on for a while. It is definitely working for other fallbacks. It is just the location of some of the templates in the Checkout module are in a different location to the rest i.e

app/code/Magento/Checkout/view/frontend/web/template/

and not

app/code/Magento/Checkout/view/frontend/templates

Where the other templates are stored

[alankent]

(I am officially on leave at present overseas, so I will let someone else check the exact paths. I know the directory structure of modules and themes is different, but I don't recall the structures off the top of my head.)

[jamescowie]

+1

[sidolov]

Hi Richard, your path to template is correct, but i see that template extension is .phtml (must be .html)

For example, template overriding for checkout shipping step:

Put your template to your_theme_path/Magento_Checkout/web/template/shipping.html
Note: extension for template file must be .html NOT .phtml

And after that remove cached files from /pub/static folder.

[Zaylril]

@sidolov Tried this now and it works as expected, thanks!

[vpelipenko]

Closed. Issue is resolved. @Zaylril, thank you for contacting us.

[jwittorf]

I was so glad stumbling over this issue, I'm trying the exact thing in Magento 2.1.1, trying to edit \vendor\magento\module-checkout\view\frontend\web\template\authentication.html

I copied the file to \app\design\frontend\Package\Theme\Magento_Checkout\web\template\authentication.html and made my changes.

Then I ran the setup:static-content:deploy and got the file copied to \pub\static\frontend\Package\Theme\de_DE\Magento_Checkout\template\authentication.html, my changes are shown in the file (add a class to the <button />)

I cleaned and flushed the caches but I'm still not seeing the added class in the frontend. Has anything changed in the meantime? I thought I've done everything right as written above.

[wozniakm]

+1

[mrkhoa99]

@jwittorf you tried to clear your Browser Cache? You should disable your Browser Cache or use different browser.

[wozniakm]

@mrkhoa99 the problem was caused by browser cache, if you are using Google Chrome simply disable caching in developer tools (probably other browsers has the same functionality)

[jwittorf]

Browser caching indeed, thanks for the heads up.