Magento 2 Template – How to Overwrite Lib Template File

htmlknockoutjsmagento2overridestemplate

How can the HTML files from the library be overwritten?

I need to overwrite this template:

lib/web/mage/gallery/gallery.html

I have tried placing the file in my own theme in the below locations, I've cleared my cache between each file move.

app/design/frontend/**VENDOR**/**THEME**/web/mage/gallery/gallery.html
app/design/frontend/**VENDOR**/**THEME**/web/gallery/gallery.html
app/design/frontend/**VENDOR**/**THEME**/web/lib/mage/gallery/gallery.html
app/design/frontend/**VENDOR**/**THEME**/web/lib/gallery/gallery.html
app/design/frontend/**VENDOR**/**THEME**/mage/gallery/gallery.html
app/design/frontend/**VENDOR**/**THEME**/web/template/gallery/gallery.html

I've read through the dev docs and can't see anything mentioned in there either.

Best Answer

Correct Location

The correct location in this example is actually the first one I tried, I just didn't clear the directories required. So to overwrite lib templates they need duplicating in to the theme directory excluding the lib directory.

Correct location -app/design/frontend/**VENDOR**/**THEME**/web/mage/gallery/gallery.html

Clear pub/static and var/view_preprocessed

I actually placed the file in the correct location the first time, the main issue I had was that I wasn't clearing pub/static and var/view_preprocessed between file moves.

Related Solutions

Magento 2: How to Override gallery.html File from Vendor

We have to just create mage folder inside our theme.

Magneto2/app/design/frontend/{Vendorname}/{themename}/web/mage

Keep gallery folder inside mage and remove var folder and apply command

php bin/magento setup:static-content:deploy

Its working fine.

Magento2 Layout Overrides – Difference Between Extend a Layout and Override Layout

Extending Means create a layout file and just add your changes, Overriding need whole code to be present in the layout

Extending a layout:

Rather than copy extensive page layout or page configuration code and then modify what you want to change, in the Magento system, you only need to create an extending layout file that contains the changes you want.

<theme_dir>
     |__/<Namespace>_<Module>
     |__/layout
        |--<layout1>.xml
        |--<layout2>.xml

Override a layout

Not all layout customizations can be performed by extending existing layouts. If the amount of customizations is large, you can use the overriding function for the needed layout file.

<theme_dir>
  |__/<Namespace_Module>
    |__/layout
      |__/override
         |__/base
           |--<layout1>.xml
           |--<layout2>.xml

You can find a detailed tutorial at Magento Official site at below link

Extend Layout Source

Override Layout Source