Plantillas

Las plantillas son un conjunto de secciones configuradas para darle a la tienda online un diseño y una apariencia coherentes. Las secciones disponibles en las plantillas dependen del tema. En el editor de temas puedes ver qué plantillas se aplican a cada página y luego editar las plantillas para personalizar la información que se muestra a los clientes.

El tema incluye plantillas para distintos tipos de contenido. Estas plantillas contienen secciones y bloques que extraen contenido de forma dinámica del área correspondiente del panel de control de Shopify. Por ejemplo, la plantilla de página de producto del tema crea una página para cada producto publicado en la tienda online en la sección Productos del panel de control de Shopify.

Cuando editas una plantilla, los cambios se aplican a todas las páginas que la usan. Por ejemplo, si agregas un formulario de suscripción al boletín a una plantilla de colecciones, todas las páginas de colección que usen la plantilla predeterminada de colecciones mostrarán el formulario de suscripción al boletín.

Puedes acceder a todas las plantillas del tema desde el selector de páginas en la barra de menús del editor de temas.

Plantillas predeterminadas

Cada plantilla predeterminada tiene sus propias secciones y configuración predeterminadas que puedes editar y personalizar en el editor de temas. Por ejemplo, las páginas de producto incluyen de forma predeterminada una sección Información del producto y una sección Productos relacionados. La configuración de personalización específica de cada tema depende del desarrollador del tema y de la versión del tema. Más información sobre cómo encontrar la versión del tema.

Las plantillas están disponibles en el tema de forma predeterminada.

Productos

Las páginas de producto del tema muestran información sobre los productos que se venden en la tienda y permiten que los clientes los compren.

De forma predeterminada, las páginas de producto tienen una sección Información del producto y una sección Productos relacionados en el editor de temas.

La sección Información del producto muestra la información de los productos, como el título, la descripción, el precio y las imágenes. Puedes administrar los productos desde la página Productos del panel de control de Shopify.

Colecciones

Las páginas de colección del tema muestran las colecciones que se crean en Productos > Colecciones del panel de control de Shopify. Las colecciones agrupan productos específicos en categorías. Puedes tener colecciones automatizadas y colecciones manuales.

De forma predeterminada, las páginas de colección tienen una sección Banner de colección y una sección Cuadrícula de productos en el editor de temas.

Lista de colecciones

La página de lista de colecciones muestra todas las colecciones que están disponibles en el canal de ventas Tienda online. Por ejemplo, si la tienda es de joyería, puedes agregar un enlace a la página de lista de colecciones en el menú para que los clientes naveguen por tipo de joya, como anillos o collares. Es necesario crear colecciones para cada categoría.

Tarjeta de regalo

Cuando se crea una tarjeta de regalo o una persona compra un producto de tarjeta de regalo, los detalles de esa tarjeta se incluyen en la página de la tarjeta de regalo, como el valor o saldo y el código de canje.

La página de la tarjeta de regalo forma parte del tema. Puedes personalizar el tema para agregar o ajustar el estilo y la información que se incluyen en esa página.

No es posible personalizar el valor de la tarjeta de regalo ni el código de canje.

Páginas

En el panel de control de Shopify se pueden crear páginas personalizadas para ofrecer contenido a los clientes, como una página Sobre nosotros, o para brindar información adicional sobre los productos.

Página del carrito

La página del carrito de la tienda online es donde los clientes pueden revisar los artículos que agregaron al carrito.

De forma predeterminada, la página del carrito tiene una sección Artículos y una sección Subtotal en el editor de temas.

Blogs

Las páginas de blog de la tienda online son la página principal de los blogs que se crean en el panel de control de Shopify y contienen todos los artículos del blog publicados en ese blog.

De forma predeterminada, las páginas de blog contienen una sección Artículos del blog en el editor de temas.

Artículos del blog

Las páginas de artículo del blog en la tienda online muestran el contenido de los artículos del blog que se crean en Contenido > Artículos del blog del panel de control de Shopify. De forma predeterminada, estas páginas contienen una sección Artículo del blog en el editor de temas.

Página de búsqueda

La página de búsqueda es donde los clientes pueden buscar y encontrar productos, páginas o artículos del blog específicos dentro de la tienda online.

De forma predeterminada, la página de búsqueda contiene una sección Resultados de búsqueda en el editor de temas.

Además de la configuración de la sección Resultados de búsqueda, también puedes ver y personalizar parte de la Configuración del tema para el comportamiento de búsqueda, y puedes agregar CSS personalizado específico de la sección.

Página de contraseña

Se puede proteger la tienda con contraseña en Tienda online > Preferencias del panel de control de Shopify. Si la tienda está protegida con contraseña, la página de contraseña se muestra a los visitantes de la tienda online. La plantilla de la página de contraseña tiene un encabezado y un pie de página únicos. Puedes personalizar la plantilla de la página de contraseña desde el editor de temas.

Página 404

La página 404 se muestra cuando alguien intenta visitar un enlace del sitio que no existe, como la página de un producto que se eliminó de la tienda.

Esta página no tiene configuración personalizable, pero puedes agregar CSS personalizado específico de la sección a la página 404 desde el editor de temas.

Editar las plantillas

Puedes editar las plantillas para agregar secciones a la tienda online. Algunas secciones contienen bloques que se pueden personalizar aún más, pero no todas las secciones o bloques tienen configuración o contenido editable. Cuando editas las plantillas, los cambios se muestran en tiempo real en la vista previa del editor de temas.

Pasos:

Consideraciones para crear una plantilla nueva

Antes de create a new template, revisa las siguientes consideraciones:

• Puedes tener varias plantillas para productos, colecciones, páginas, blogs y artículos del blog, pero solo puedes tener 1.000 plantillas en total.
• Solo puedes crear una plantilla nueva con un compatible theme.
• Todos los temas incluyen una plantilla predeterminada para colecciones, productos, blogs, artículos del blog y páginas. Estas plantillas predeterminadas se usan para mostrar los recursos y el contenido de la tienda, a menos que crees plantillas alternativas.
• Cualquier cambio que hagas en una plantilla afecta a todas las páginas que usan esa plantilla. Si quieres mostrar algunas páginas de un tipo en particular de forma diferente, puedes crear una plantilla nueva basada en una que ya exista en tu tema.
• Cuando creas una plantilla nueva a partir de una existente, la plantilla nueva se completa automáticamente con las mismas secciones que la plantilla existente. Luego puedes quitar, agregar u ocultar secciones y editar su contenido según sea necesario, sin afectar la visualización de las páginas que usan la plantilla existente.

Crear una plantilla nueva

Después de crear una plantilla nueva, puedes apply the template a una página de la tienda online en la que quieras usarla.

Crear una plantilla para metaobjetos

Puedes crear una plantilla de página web para metaobjetos. Para usar esta función, completa estos pasos:

1. Create a metaobject definition con Storefront access y, opcionalmente, activate the Web pages feature manually. Cuando creas una plantilla de tema, el editor de temas activa la función Páginas web.
2. Create entries for the metaobject definition.

Ahora puedes create a metaobject template in the theme editor.

Vista previa de plantillas

Puedes usar la vista previa de plantillas para ver cómo se muestran a los clientes los recursos de la tienda online, como productos y páginas, con una plantilla diferente aplicada.

Las plantillas se asignan a nivel de producto, colección, página, blog o artículo del blog. Puedes create y edit plantillas en el editor de temas, pero change a resource's assigned template en el panel de control de Shopify.

Consideraciones para la vista previa de plantillas

Ten en cuenta los siguientes detalles cuando hagas la vista previa de plantillas para los distintos recursos de la tienda online:

• Cuando haces la vista previa de una plantilla de productos en el editor de temas, puedes usar productos con estado Activo o Borrador, pero no puedes hacer la vista previa de un producto con estado Archivado.
• Cuando haces la vista previa de una plantilla de colecciones en el editor de temas, debes asegurarte de que la colección tenga Online Store activated as a sales channels. Si una colección no tiene Tienda online activado como canal de ventas, no podrás hacer la vista previa de esa colección con ninguna plantilla de colecciones en el editor de temas.
• Cuando haces la vista previa de una plantilla de páginas en el editor de temas, puedes usar páginas con visibilidad Visible o Oculta.
• Cuando haces la vista previa de una plantilla de artículos del blog en el editor de temas, puedes usar artículos del blog con visibilidad Visible o Oculta.

Los blogs no tienen estados ni parámetros de visibilidad diferentes, por lo que puedes usar una plantilla de blogs para hacer la vista previa de cualquier blog publicado que tengas en la tienda online.

Vista previa de una plantilla alternativa

Puedes hacer la vista previa de cómo se muestran productos, colecciones, páginas, blogs o artículos del blog con una plantilla diferente aplicada.

Pasos:

Vista previa de recursos específicos

Puedes previsualizar cómo se muestra la plantilla con cualquier recurso compatible de la tienda. Por ejemplo, si estás viendo una plantilla de producto, puedes probarla con cualquier producto de la tienda.

Aún debes asignar la plantilla al recurso en el panel de control de Shopify.

También puedes buscar plantillas y recursos usando la barra Buscar en el selector de página, en la herramienta Agregar sección o Agregar bloque, o en Incrustaciones de aplicaciones.

Pasos:

1. En el panel de control de Shopify, ve a Tienda online > Temas.

2. Junto al tema que quieres editar, haz clic en Editar tema.

3. En el menú de plantillas, selecciona la plantilla que quieres previsualizar.

4. En el menú lateral, en la sección Vista previa, haz clic en Cambiar.

5. En el menú Seleccionar, selecciona el recurso que quieres previsualizar.

Aplicar una plantilla nueva

Puedes cambiar la plantilla asignada para las siguientes secciones en un tema publicado:

• páginas
• productos
• colecciones
• blogs
• artículos del blog

Cambia una plantilla asignada desde el panel de control de Shopify. Las opciones de plantilla que se muestran dependen de las plantillas disponibles en el tema activo.

Las plantillas para productos y colecciones se pueden asignar a artículos individuales o a varios artículos al mismo tiempo usando el Bulk editor.

Aplicar una plantilla nueva a una página

Aplicar una plantilla nueva a un producto

Aplicar una plantilla nueva a una colección

1. En el panel de control de Shopify, ve a Productos > Collections.

2. Haz clic en una colección a la que quieres aplicar una plantilla.

3. En la sección Plantilla del tema, haz clic en el menú desplegable y selecciona la plantilla que quieres aplicar a la colección.

4. Haz clic en Guardar.

Aplicar una plantilla nueva a un blog

Aplicar una plantilla nueva a un artículo del blog

Aplicar una plantilla nueva a productos o colecciones de forma masiva

Puedes usar el Bulk editor para aplicar una plantilla nueva a varios productos o colecciones de forma masiva.

Aplicar una plantilla nueva a productos de forma masiva

1. En el panel de control de Shopify, ve a Products.

2. Para editar varios productos al mismo tiempo, realiza una de las siguientes acciones:

   • Para seleccionar productos uno por uno, marca la casilla de verificación de cada producto.
   • Para seleccionar un rango de productos, haz clic para seleccionar un producto y luego mantén presionada la tecla Shift y haz clic en otro producto. Se seleccionan el primero y el último producto en los que hiciste clic, y todos los productos intermedios.
   • Para seleccionar todos los productos de una página, marca la casilla de verificación en la parte superior de la lista de productos.
   • Para seleccionar todos los productos de la tienda, marca la casilla de verificación en la parte superior de la lista de productos y luego haz clic en Seleccionar todo en esta tienda.

3. Haz clic en Edición masiva.

4. En el editor masivo, haz clic en el menú desplegable Columnas y, en la sección General, selecciona Plantilla.

5. Haz clic en el primer campo de la columna Plantilla, mantén presionada la tecla Mayús y haz clic en el último campo de la columna Plantilla. Aparece un sombreado azul alrededor de los campos seleccionados.

6. Haz clic en el primer campo que seleccionaste, elige la plantilla que quieras en el menú desplegable y haz clic en Guardar.

Aplica una nueva plantilla a colecciones de forma masiva

1. En el panel de control de Shopify, ve a Productos > Collections.

2. Para editar varias colecciones a la vez, haz una de las siguientes acciones:

   • Para seleccionar colecciones una por una, marca la casilla de verificación de cada colección.
   • Para seleccionar un rango de colecciones, haz clic para seleccionar una colección, mantén presionada la tecla Mayús y haz clic en otra colección. Se seleccionan la primera y la última colección en las que hiciste clic, y todas las intermedias.
   • Para seleccionar todas las colecciones de una página, marca la casilla de verificación en la parte superior de la lista de colecciones.
   • Para seleccionar todas las colecciones de la tienda, marca la casilla de verificación en la parte superior de la lista de colecciones y haz clic en Seleccionar todo en esta tienda.

3. Haz clic en Edición masiva.

4. En el editor masivo, haz clic en el menú desplegable Columnas y, en la sección General, selecciona Plantilla.

5. Haz clic en el primer campo de la columna Plantilla, mantén presionada la tecla Mayús y haz clic en el último campo de la columna Plantilla. Aparece un sombreado azul alrededor de los campos seleccionados.

6. Haz clic en el primer campo que seleccionaste, elige la plantilla que quieras en el menú desplegable y haz clic en Guardar.

Administrar plantillas

Para cambiar el nombre o eliminar una plantilla, debes usar el code editor. Editar un archivo de plantilla puede generar problemas en la tienda online.

Cuando eliminas una plantilla, todos los recursos de la tienda online que la tenían asignada se muestran con la plantilla predeterminada hasta que asignes otra.

Cambiar el nombre de una plantilla

1. En el panel de control de Shopify, ve a Tienda online > Temas.

2. Busca el tema con la plantilla que quieres cambiar de nombre y haz clic en … > Editar código.

3. En el editor de código, busca la carpeta templates.

4. Haz clic derecho en el archivo de plantilla que quieres cambiar de nombre y selecciona Cambiar nombre... en el menú desplegable.

5. Escribe un nombre nuevo para el archivo.

6. Presiona Enter en el teclado.

Eliminar una plantilla

1. En el panel de control de Shopify, ve a Tienda online > Temas.

2. Busca el tema del que quieres eliminar una plantilla y haz clic en … > Editar código.

3. En el editor de código, busca la carpeta templates.

4. Haz clic derecho en el archivo de plantilla que quieres eliminar y selecciona Eliminar permanentemente en el menú desplegable.

5. Haz clic en Eliminar.