DocumentaciónCommerceContenido y diseño

Temas

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Temas:

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario

Un tema es una colección de archivos que determina la presentación visual del almacén. Cuando instala Commerce por primera vez, los elementos de diseño de la tienda se basan en el tema Default. Además del tema predeterminado inicial que viene con la instalación de Commerce, hay una amplia variedad de temas disponibles que puede usar tal cual o modificar según sus necesidades.

Una temática adaptable ajusta el diseño de página para adaptarse al puerto de vista del dispositivo. El tema de ejemplo Luma tiene un diseño flexible y adaptable que se puede ver desde el escritorio, la tableta o el dispositivo móvil.

Los temas de Commerce incluyen archivos de diseño, archivos de plantilla, archivos de traducción y máscaras. Una máscara es una colección de archivos CSS, imágenes y JavaScript compatibles que, juntos, crean la presentación visual y las interacciones que los clientes experimentan cuando visitan la tienda. Un desarrollador o profesional del diseño que entienda el diseño de temáticas de Commerce y que tenga acceso a su servidor puede modificar y personalizar temas y máscaras. Para obtener más información, consulte la Guía para desarrolladores de Frontend.

Tema de Luma

La temática predeterminada

El tema adaptable Magento Blank procesa la visualización de la tienda para diferentes dispositivos e incorpora prácticas recomendadas para equipos de escritorio, tablas y dispositivos móviles. Algunas temáticas están diseñadas para utilizarse únicamente con dispositivos específicos. Cuando Commerce detecta un ID de explorador o agente de usuario específico, utiliza el tema configurado para el explorador específico. La cadena de búsqueda también puede incluir expresiones regulares compatibles con Perl (PCRE).

Temas

Filtrar la cuadrícula de temas

  1. En la barra lateral Admin, vaya a Content > Design>Themes.

  2. Haga clic en Filters.

  3. Introduzca un rango de ID, un nombre de tema (o título), una ruta de carpeta o un tema principal.

  4. Haga clic en Apply Filters para actualizar la lista de temas.

Ver la configuración del tema actual

  1. En la barra lateral Admin, vaya a Content > Design>Themes.

  2. En la lista de temáticas instaladas, busque la temática que desee examinar y haga clic en la fila para mostrar la configuración.

  3. Para ver una página de muestra, haga clic en Theme Preview Image.

Previsualizar tema

Aplicar una temática predeterminada

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. Busque la vista de tienda que desea configurar y haga clic en Edit en la columna Action.

  3. En Default Theme, establezca Applied Theme ​en el que desee usar para la vista actual.

    Tema aplicado {width="600" modal="regular"}

  4. Una vez finalizado, haga clic en Save Configuration.

Agregar una regla de agente de usuario

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. En Design Rule, haga clic en Add New User Agent Rule.

    Regla de diseño {width="600" modal="regular"}

  3. Para Search String, ingrese el identificador de explorador del dispositivo específico.

    Las cadenas de búsqueda coinciden en el orden en que se escriben. Por ejemplo, para Firefox escriba:

    /^mozilla/i

  4. Para introducir dispositivos adicionales, repita el proceso.

  5. Una vez finalizado, haga clic en Save Configuration.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de