Plantillas

Las plantillas son un conjunto de secciones configuradas para darle un diseño y una presentación uniformes a la tienda online. Las secciones disponibles en las plantillas dependen del tema. En el editor de temas, puedes encontrar qué plantillas se aplican a las distintas páginas y, luego, puedes editarlas para personalizar la información que se muestra a los clientes.

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

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 opciones de configuración o contenido que se pueden editar. Cuando editas las plantillas, los cambios se muestran en tiempo real en la vista previa del editor de temas.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el menú desplegable de la página de inicio y, luego, selecciona la plantilla que deseas editar.
  4. Si quieres agregar una nueva sección a la plantilla, haz clic en Agregar sección y, luego, selecciona una nueva para la plantilla.
  5. Opcional: Si quieres agregar un bloque a una nueva sección, haz clic en Agregar bloque y, luego, selecciona uno nuevo en la sección.
  6. Haz clic en la nueva sección y en los bloques para ver su configuración y opciones y, luego, realiza los cambios que desees.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca el menú desplegable de la página de inicio y selecciona la plantilla que quieres editar.
  6. Si quieres agregar una nueva sección a la plantilla, toca Secciones > Agregar sección, selecciona una nueva sección para la plantilla y, luego, toca Agregar.
  7. Opcional: Para agregar un bloque a la sección nueva, toca Agregar bloque y, luego, selecciona un bloque nuevo.
  8. Toca la nueva sección y los bloques para ver su configuración y opciones, luego realiza los cambios que desees.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca el menú desplegable de la página de inicio y selecciona la plantilla que quieres editar.
  6. Si quieres agregar una nueva sección a la plantilla, toca Secciones > Agregar sección, selecciona una nueva sección para la plantilla y, luego, toca Agregar.
  7. Opcional: Para agregar un bloque a la sección nueva, toca Agregar bloque y, luego, selecciona un bloque nuevo.
  8. Toca la nueva sección y los bloques para ver su configuración y opciones, luego realiza los cambios que desees.
  9. Toca .

Consideraciones para crear una nueva plantilla

Antes de crear una nueva plantilla, revisa las siguientes consideraciones:

  • Puedes tener varias plantillas para los productos, colecciones, páginas, blogs y artículos del blog, pero solo puedes tener 1.000 plantillas en total.
  • Puedes crear una nueva plantilla solo con un tema de Online Store 2.0.
  • Todos los temas tienen una plantilla predeterminada para colecciones, productos, blogs, artículos del blog y páginas. Estas plantillas predeterminadas son con las que se muestran los recursos y el contenido de la tienda, a menos que crees unas alternativas.
  • Los cambios que realices en una plantilla afectan a todas las páginas que la usan. Si deseas mostrar de manera diferente algunas páginas de un tipo determinado, puedes crear una nueva plantilla basada en una que ya exista en el tema.
  • Cuando creas una nueva plantilla a partir de una existente, se completa automáticamente con las mismas secciones de la plantilla existente. Luego, puedes eliminar, 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 nueva plantilla

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el menú desplegable de la página de inicio, selecciona un tipo de plantilla y, luego, haz clic en Crear plantilla.
  4. En el cuadro de diálogo Crear una plantilla, haz lo siguiente:

    • En el campo Nombre, escribe un nombre único para la plantilla nueva.
    • En el menú desplegable Basado en, selecciona la plantilla en la que deseas basar la nueva plantilla.
  5. Haz clic en Create template (Crear plantilla).

iPhone
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca el menú desplegable de la página de inicio, selecciona un tipo de plantilla y, luego, toca Crear plantilla.
  6. En el cuadro de diálogo Crear una plantilla, haz lo siguiente:

    • En el campo Nombre, escribe un nombre único para la plantilla nueva.
    • En el menú desplegable Basado en, selecciona la plantilla en la que deseas basar la nueva plantilla.
  7. Toca Crear plantilla.

Android
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca el menú desplegable de la página de inicio, selecciona un tipo de plantilla y, luego, toca Crear plantilla.
  6. En el cuadro de diálogo Crear una plantilla, haz lo siguiente:

    • En el campo Nombre, escribe un nombre único para la plantilla nueva.
    • En el menú desplegable Basado en, selecciona la plantilla en la que deseas basar la nueva plantilla.
  7. Toca Crear plantilla.

Después de crear una nueva plantilla, puedes aplicarla a una página de la tienda online para la que desees usarla.

Crear una plantilla para metaobjetos

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

  1. Crear una definición de metaobjeto con acceso a la tienda y, opcionalmente, activar manualmente la función Páginas web. Cuando creas una plantilla de tema, el editor de temas activa dicha función.
  2. Crear entradas para la definición de metaobjeto.

Ahora puedes crear una plantilla de metaobjeto en el editor de temas.

Obtener una vista previa de plantillas

Puedes usar las vistas previas de plantillas para ver cómo los clientes visualizarán los recursos de la tienda online, como productos y páginas, con una plantilla diferente.

Las plantillas se asignan a productos, colecciones, páginas, blogs o artículos del blog. Creas y editas plantillas en el editor de temas, pero cambias la plantilla asignada a un recurso en el panel de control de Shopify.

Consideraciones para obtener una vista previa de las plantillas

Ten en cuenta los siguientes detalles cuando previsualices las plantillas para los diferentes recursos de la tienda online:

  • Cuando ves una vista previa de la plantilla de un producto en el editor de temas, puedes usar productos que tengan el estado activo o borrador, pero no puedes obtener la vista previa de un producto que tenga el estado archivado.
  • Cuando ves una vista previa de la plantilla de colecciones en el editor de temas, debes asegurarte de que la colección tenga activada la tienda online como canales de venta. Si una colección no tiene activada la tienda online como canal de ventas, no puedes obtener una vista previa de esa colección con ninguna plantilla de colecciones en el editor de temas.
  • Cuando previsualizas una plantilla de páginas en el editor de temas, puedes usar páginas que tengan la visibilidad establecida como visible u oculta.
  • Al previsualizar una plantilla de artículos del blog en el editor de temas, puedes utilizar artículos del blog cuya visibilidad esté establecida como visible u oculta.

Los blogs no tienen parámetros de estado o visibilidad diferentes, por lo que puedes usar una plantilla de blog para obtener una vista previa de los blogs publicados en la tienda online.

Vista previa de una plantilla alternativa

Puedes obtener una vista previa de cómo se mostrarán los productos, colecciones, páginas, blogs o artículos del blog al aplicar una plantilla diferente.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema con el que deseas previsualizar una plantilla y, a continuación, haz clic en Personalizar.
  3. Haz clic en el menú desplegable de la página de inicio y, luego, selecciona la plantilla que desees usar.
  4. En la sección Vista previa de la barra lateral del editor de temas, haz clic en Cambiar.
  5. Haz clic en el recurso que deseas ver en vista previa con la plantilla seleccionada.
iPhone
  1. En la aplicación de Shopify, toca el botón .

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema con el que deseas previsualizar una plantilla y, a continuación, toca Personalizar.

  5. Toca el menú desplegable de la página de inicio y selecciona la plantilla que deseas usar.

  6. Si quieres seleccionar un recurso para obtener una vista previa con la plantilla, toca el menú desplegable nuevamente.

  7. En el campo Buscar tienda online, escribe el nombre del recurso que deseas ver en vista previa con la plantilla seleccionada.

  8. Selecciona el recurso de la lista de resultados de búsqueda.

Android
  1. En la aplicación de Shopify, toca el botón .

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema con el que deseas previsualizar una plantilla y, a continuación, toca Personalizar.

  5. Toca el menú desplegable de la página de inicio y selecciona la plantilla que deseas usar.

  6. Si quieres seleccionar un recurso para obtener una vista previa con la plantilla, toca el menú desplegable nuevamente.

  7. En el campo Buscar tienda online, escribe el nombre del recurso que deseas ver en vista previa con la plantilla seleccionada.

  8. Selecciona el recurso de la lista de resultados de búsqueda.

Aplicar una nueva plantilla

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

  • páginas
  • productos
  • colecciones
  • blogs
  • entradas de blog

La plantilla asignada se cambia en el panel de control de Shopify. Las opciones de plantilla que se muestran se basan únicamente en las plantillas disponibles en el tema activo actual.

Las plantillas para productos y colecciones se pueden asignar de forma individual o a varios artículos a la vez con el editor masivo.

Aplicar una nueva plantilla a una página

Escritorio
  1. Desde el panel de control de Shopify, ve a Tienda online > Páginas.
  2. Haz clic en la página a la que deseas aplicar una nueva plantilla.
  3. En la sección Tienda online, haz clic en el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar a la página.
  4. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Selecciona Páginas.
  4. Toca la página a la que deseas aplicar una nueva plantilla.
  5. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar a la página.
  6. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Selecciona Páginas.
  4. Toca la página a la que deseas aplicar una nueva plantilla.
  5. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar a la página.
  6. Toca Guardar.

Aplicar una nueva plantilla a un producto

Escritorio
  1. Desde tu panel de control de Shopify, ve a Productos.

  2. Haz clic en un producto al que desees aplicar una nueva plantilla.

  3. En la sección Plantilla de tema, haz clic en el menú desplegable y, luego, selecciona la plantilla que deseas aplicar al producto.

  4. Haz clic en Guardar.

iPhone
  1. En la aplicación de Shopify, toca Productos > Todos los productos.
  2. Toca un producto al que desees aplicar una nueva plantilla.
  3. Toca la plantilla de tienda online.
  4. Selecciona la plantilla que deseas aplicar al producto.
  5. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca Productos > Todos los productos.
  2. Toca un producto al que desees aplicar una nueva plantilla.
  3. Toca la plantilla de tienda online.
  4. Selecciona la plantilla que deseas aplicar al producto.
  5. Toca .

Aplicar una nueva plantilla a una colección

  1. Desde el panel de control de Shopify, ve a Productos > Colecciones.
  2. Haz clic en una colección a la que desees aplicar una plantilla.
  3. En la sección Plantilla de tema, haz clic en el menú desplegable y, luego, selecciona la plantilla que deseas aplicar a la colección.
  4. Haz clic en Guardar.

Agregar una nueva plantilla a un blog

Escritorio
  1. En el panel de control de Shopify, ve a la Tienda online > Artículos del blog.
  2. Haz clic en Administrar blogs
  3. Haz clic en un blog al que desees aplicar una plantilla.
  4. En la sección Tienda online, haz clic en el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al blog.
  5. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Blogs.
  4. Toca > Gestionar blogs.
  5. Toca el blog al que deseas aplicar una plantilla.
  6. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al blog.
  7. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Blogs.
  4. Toca > Gestionar blogs.
  5. Toca el blog al que deseas aplicar una plantilla.
  6. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al blog.
  7. Toca Guardar.

Aplicar una nueva plantilla a un artículo del blog

Escritorio
  1. En el panel de control de Shopify, ve a la Tienda online > Artículos del blog.
  2. Haz clic en un artículo del blog al que desees aplicar una plantilla.
  3. En la sección Tienda online, haz clic en el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al blog.
  4. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Blogs.
  4. Toca un artículo del blog al que desees aplicar una plantilla.
  5. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al artículo del blog.
  6. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón .
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Blogs.
  4. Toca un artículo del blog al que desees aplicar una plantilla.
  5. En la sección Tienda online, toca el menú desplegable de la Plantilla de tema y, luego, selecciona la plantilla que deseas aplicar al artículo del blog.
  6. Toca Guardar.

Aplicar una nueva plantilla a productos o colecciones en bloque

Puedes usar el editor masivo para aplicar una nueva plantilla a varios productos o colecciones en masa.

Aplicar una nueva plantilla a productos en bloque

  1. Desde tu panel de control de Shopify, ve a Productos.
  2. Para editar varios productos a la vez, realiza una de las siguientes acciones:

    • Si quieres seleccionar productos uno por uno, selecciona la casilla de verificación para cada producto.
    • Si quieres seleccionar una gama de productos, haz clic para seleccionar un producto y, luego, mantén presionada la tecla de mayúscula y haz clic en otro producto. Esto selecciona el primer y último producto en el que has hecho clic y todos los productos en el medio.
    • Para seleccionar todos los productos en una página, selecciona la casilla de verificación en la parte superior de la lista de productos.
    • Si quieres seleccionar todos los productos de la tienda, selecciona 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, luego, en la sección General, selecciona Plantilla.

  5. Haz clic en el primer campo de la columna Plantilla, luego mantén presionada la tecla de mayúscula y haz clic en el último campo de esa columna. Se mostrará un sombreado azul alrededor de los artículos que seleccionaste.

  6. Haz clic en el primer campo que seleccionaste, luego selecciona la plantilla que deseas en el menú desplegable y haz clic en Guardar.

Aplicar una nueva plantilla a las colecciones en bloque

  1. Desde el panel de control de Shopify, ve a Productos > Colecciones.
  2. Para editar varias colecciones a la vez, realiza una de las siguientes acciones:

    • Para seleccionar colecciones una por una, marca la casilla de verificación de cada colección.
    • Si quieres seleccionar una gama de colecciones, haz clic para seleccionar una colección y, luego, mantén presionada la tecla de mayúscula y haz clic en otra colección. Esto selecciona la primera y última colección en la que has hecho clic y todas las colecciones entre sí.
    • Si quieres seleccionar todas las colecciones en una página, selecciona la casilla de verificación en la parte superior de la lista de colecciones.
    • Para seleccionar todas las colecciones de la tienda, selecciona la casilla de verificación en la parte superior de la lista de colecciones 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, luego, en la sección General, selecciona Plantilla.

  5. Haz clic en el primer campo de la columna Plantilla, luego mantén presionada la tecla de mayúscula y haz clic en el último campo de esa columna. Se mostrará un sombreado azul alrededor de los artículos que seleccionaste.

  6. Haz clic en el primer campo que seleccionaste, luego selecciona la plantilla que deseas en el menú desplegable y haz clic en Guardar.

Gestionar las plantillas

Para cambiar el nombre de una plantilla o eliminarla, debes usar el editor de código. Si editas un archivo de la plantilla, podría causar problemas en la tienda online.

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

Cambiar el nombre de una plantilla

  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema con la plantilla cuyo nombre deseas cambiar y, a continuación, haz clic en > Editar código.
  3. En el editor de código, busca la carpeta de plantillas.
  4. Haz clic en el nombre de la plantilla que deseas cambiar y, luego, haz clic en el ícono del lápiz.
  5. En el cuadro de diálogo Cambiar nombre del archivo, escribe un nuevo nombre de plantilla en el campo Nombre de archivo.
  6. Haz clic en Cambiar nombre del archivo.

Eliminar una plantilla

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema del que deseas eliminar la plantilla y, luego, haz clic en > Editar código.
  3. En el editor de código, busca la carpeta de plantillas.
  4. Haz clic en el nombre de la plantilla que deseas eliminar y, luego, haz clic en el ícono de la papelera.
  5. En el cuadro de diálogo, haz clic en Eliminar archivo.
¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.