mercury.config.js

Dentro del directorio de mercury encontramos el fichero mercury.config.js. Este fichero nos permite configurar comportamientos globales del tema.

Tiene 2 apartados principales:

const configs = {
  storefront: [
    //...
  ],
  components: {
    //...
  },
  models: {
    //...
  },
  tailwind: {
    //...
  }
}

module.exports = configs

storefront config

Nos permite definir que tienda usa cada locale.

Por ejemplo, si tenemos un Adobe Commerce con un store_view con código base y que debe mostrarse en Español, tendremos la siguiente configuración:

  storefront: [
    { locale: 'es', storeCode: 'base' }
  ],

Si tenemos varios idiomas:

  storefront: [
    { locale: 'es', storeCode: 'base' },
    { locale: 'ca', storeCode: 'ca' },
    { locale: 'en', storeCode: 'en' }
  ],

components config

Nos permite configurar propiedades generales de los componentes de la aplicación.

Hay muchos componentes que nos permitirán configurar variaciones desde este archivo de configuración.

Por ejemplo: logo, menu, quickSearch, etc…

models config

Nos permite agregar configuraciones relacionadas con los modelos de la aplicación.

De momento los modelos que podemos extender son:

• category
• product
• customer
• wishlist
• cmsPage
• cmsBlock
• storeConfig

tailwind config

En este apartado podemos configurar los estilos de las clases generales de tailwind de la misma forma que lo haríamos en tailwind.config.js.