Temas

Un tema es una colección de archivos que determina la presentación visual del almacén. La primera vez que instale Commerce, los elementos de diseño de la tienda se basan en la variable Predeterminado tema. Además de la temática predeterminada inicial que viene con su Commerce instalación, hay una amplia variedad de temas disponibles que puede utilizar como está o modifique según sus necesidades.

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

Commerce las temáticas 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 temas de Commerce y 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 Magento Blank la temática adaptable procesa la visualización de la tienda para diferentes dispositivos e incorpora prácticas recomendadas para equipos de escritorio, mesas y dispositivos móviles. Algunas temáticas están diseñadas para utilizarse únicamente con dispositivos específicos. Cuándo Commerce detecta un ID de explorador específico, o un agente de usuario, y 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 el Administrador barra lateral, vaya a Content > Design>Themes.

  2. Haga clic Filters.

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

  4. Clic Apply Filters para actualizar la lista de temáticas.

Ver la configuración del tema actual

  1. En el Administrador barra lateral, 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 el Administrador barra lateral, vaya a Content > Design>Configuration.

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

  3. En Default Theme, configurado Applied Theme ​al que desee utilizar para la vista actual.

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

  4. Cuando termine, haga clic en Save Configuration.

Agregar una regla de agente de usuario

  1. En el Administrador barra lateral, 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, introduzca el ID de navegador 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. Cuando termine, haga clic en Save Configuration.

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