Magento Open Source 2.2.x

Magento 2.2.x Notice: As outlined by the Magento Software Lifecycle Policy, Magento 2.2.x has reached the End-of-Support and will no longer receive quality fixes or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento.

The online Magento 2.2.x User Guide is scheduled for removal, but will remain available in PDF for Open Source, Commerce, and Commerce for B2B.

Theme Assets

The term static filesThe collection of assets, such as CSS, fonts, images, and JavaScript that is used by a theme. refers to the collection of assets, such as CSSCascading Style Sheets: A style sheet language that controls the appearance of HTML documents; a way to control the appearance of text, graphics, lists, links, and all other elements on a web page., fonts, images, and JavaScriptA scripting language used with HTML to produce dynamic effects and interactions on web pages., that is used by a themeA package that contains graphics and appearance information, and customizes the look and feel of the store.. The location of static filesThe collection of assets, such as CSS, fonts, images, and JavaScript that is used by a theme. is specified in the Base URL configuration.

A digital signature can be added to the URLUniform Resource Locator: The unique address of a page on the internet. of each static file to make it possible for browsers to detect when a newer version is available. The newer version of the file is used if the signature differs from what is stored in the browser's cache.

For a standard installation, the assets associated with a theme are organized in the web folder at the following location below the Magento root.

  • [magento_root]/app/design/frontend/Magento/[theme_name]/web

Theme Assets

To sign static files:

1. On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.
2. In the panel on the left under Advanced, choose Developer.
3. Expand the Static Files Settings section.

Static Files Settings
4. Set Sign Static Files to "Yes."
5. When complete, tap Save Config.
  • File Type



    Directory that contains the CSS files that control the visual styling that is associated with the skin. Example location on server:



    Directory that contains the fonts that are available to be used by the theme. Location on server:



    Directory that contains all images used by the theme, including buttons, background textures, and so on. Example location on server:



    Directory that contains theme-specific JavaScript routines and callable functions. Example location on server: