Personalizar la configuración del tema

Puedes personalizar la configuración general de la tienda online, como tipografía, colores, enlaces a redes sociales y la página del carrito, desde la sección Configuración del tema del sidebar menu del editor de temas. Los cambios que hagas en la sección Configuración del tema se aplican a toda la tienda online.

Las secciones y los bloques también tienen ajustes propios que puedes modificar para personalizar secciones específicas del tema. Más información sobre sections and blocks.

Puedes agregar el logo del negocio a la tienda online. El logo se muestra en los siguientes lugares:

  • en el encabezado de todas las páginas
  • en la página de contraseña

Personaliza el logo

Las imágenes del logo tienen un ancho máximo de 300 px.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Logo.

  5. En la sección Logo, agrega una imagen o usa una imagen gratis:

    • Para agregar una imagen, haz clic en Seleccionar imagen, y luego agrega una imagen nueva o existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciona la imagen y luego haz clic en Listo.
      • Para usar una imagen desde la computadora, haz clic en Agregar imágenes. Selecciona y agrega una imagen y luego haz clic en Listo.
    • Para usar una imagen gratis, haz clic en Explorar imágenes gratis. Busca una imagen, haz clic en la imagen para seleccionarla y luego haz clic en Seleccionar.
  6. Opcional: agrega texto alternativo a la imagen del logo:

    1. En la sección Logo, haz clic en Editar.
    2. En el campo Texto alternativo, ingresa una breve descripción de la imagen.
    3. Haz clic en Guardar.
  7. Opcional: en la sección Ancho del logo en escritorio, usa el control deslizante para ajustar el ancho en píxeles del logo.

  8. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Logo.

  7. En la sección Logo, agrega una imagen o usa una imagen gratis:

    • Para agregar una imagen, toca Seleccionar imagen, y luego agrega una imagen nueva o existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciona la imagen y luego toca Listo.
      • Para usar una imagen desde el dispositivo, toca Agregar imágenes. Selecciona y agrega una imagen desde el dispositivo, toca la imagen para seleccionarla y luego toca Listo.
    • Para usar una imagen gratis, toca Explorar imágenes gratis. Busca una imagen, toca la imagen para seleccionarla y luego toca Listo.
  8. Opcional: agrega texto alternativo a la imagen del logo:

    1. En la sección Logo, toca Editar.
    2. En el campo Texto alternativo, ingresa una breve descripción de la imagen.
    3. Toca Guardar o .
  9. Opcional: en la sección Ancho del logo en escritorio, usa el control deslizante para ajustar el ancho en píxeles del logo.

  10. Toca Guardar o .

Agregar un favicon

Puedes agregar un ícono de favoritos, o favicon, para reforzar la promoción de marca de la tienda online. El favicon se muestra en los siguientes lugares:

  • en la pestaña del navegador
  • en el historial del navegador
  • íconos en el escritorio
  • junto al nombre de la tienda online cuando se agrega el sitio web a marcadores

Más información sobre los favicons.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema al que quieres agregar un favicon y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Según la versión del tema, haz clic en Logotipo o Favicon.

  5. En la sección Imagen del favicon, haz clic en Seleccionar imagen y agrega una imagen nueva o existente:

    • Para seleccionar una imagen que ya subiste al panel de control de Shopify, puedes buscarla y luego seleccionarla con la casilla de verificación.
    • Para seleccionar una imagen desde el equipo local, haz clic en Agregar imágenes, abre la imagen desde el equipo y luego selecciónala con la casilla de verificación.
  6. Haz clic en Listo.

  7. Opcional: agrega texto alternativo a la imagen del favicon:

    1. En la sección Imagen del favicon, haz clic en Editar.
    2. En el campo Texto alternativo, ingresa una breve descripción de la imagen.
    3. Haz clic en Guardar.
  8. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema al que quieres agregar un favicon y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Según la versión del tema, toca Logotipo o Favicon.

  7. En la sección Imagen del favicon, toca Seleccionar imagen y agrega una imagen nueva o existente:

    • Para seleccionar una imagen que ya subiste al panel de control de Shopify, puedes buscarla y luego seleccionarla con la casilla de verificación.
    • Para seleccionar una imagen desde el dispositivo local, toca Agregar imágenes, abre la imagen desde el dispositivo y luego selecciónala con la casilla de verificación.
  8. Toca Listo.

  9. Agrega texto alternativo a la imagen del favicon:

    1. En la sección Imagen del favicon, toca Editar.
    2. En el campo Texto alternativo, ingresa una breve descripción de la imagen.
    3. Toca Guardar o .
  10. Toca Guardar o .

Colores

La configuración de colores de tu tema controla los colores que se usan en toda la tienda online. Puedes configurar los colores generales de tu tema en la sección Colores de la configuración del tema. Según el tema, los colores se gestionan a través de uno de los siguientes sistemas de color: ​

  • Las paletas de colores están disponibles en temas más recientes, como Horizon 4.0.0 y versiones posteriores. Una paleta de colores es un conjunto de colores de la marca con nombre que se aplica a todo el tema. Las secciones y los bloques pueden tener un campo de entrada de color que puedes usar para anular el color de la paleta con un color personalizado o cambiar el color asignado de la paleta.
  • Los esquemas de colores están disponibles en la mayoría de los temas, como en todos los temas gratuitos de Shopify anteriores al lanzamiento de Horizon 4.0.0. Un esquema de colores es un grupo de diferentes colores, como el fondo, el texto y los botones, que luego aplicas a distintas secciones de la tienda online. Puedes crear múltiples esquemas de colores en la configuración del tema.

Gestiona las paletas de colores

Una paleta de colores es una forma rápida de reutilizar colores en varias configuraciones del editor de temas. Cuando cambias un color de la paleta de colores, todas las configuraciones que usan ese color se actualizan dinámicamente con el nuevo color. Esto también significa que no necesitas recordar los códigos hexadecimales cuando quieras usar un color más de una vez.

Paleta de colores en el editor de temas

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

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

  3. Haz clic en el ícono Configuración del tema y luego haz clic en Colores.

  4. En la sección Colores, haz clic en + para seleccionar un color y agregarlo a la paleta.

  5. Opcional: Para eliminar un color que ya no necesites en la paleta:

    1. Haz clic en el color y luego en Eliminar color.
    2. Selecciona un color de reemplazo que sustituya al color eliminado en todos los lugares donde se use dentro de tu tema.
    3. Haz clic en Confirmar.
  6. Haz clic en Guardar.

Móvil
  1. Desde la app de Shopify, toca Menú y luego toca Configuración Configuración.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Colores.

  7. En la sección Colores, toca + para seleccionar un color y agregarlo a la paleta.

  8. Opcional: Para eliminar un color que ya no necesites en la paleta:

    1. Toca el color y luego toca Eliminar color.
    2. Selecciona un color de reemplazo que sustituya al color eliminado en todos los lugares donde se use dentro de tu tema.
    3. Toca Confirmar.
  9. Toca Guardar o .

Gestiona los esquemas de colores

En la configuración del tema puedes crear un nuevo esquema de colores, eliminar uno existente o gestionar los colores de tus esquemas de colores. Puedes tener hasta 21 esquemas de colores en el editor de temas.

Pasos:

  1. From your Shopify admin, go to Online Store.

  2. Haz clic en Editar tema junto al tema que quieres personalizar.

  3. Haz clic en el ícono configuración y luego en Colores.

  4. En la sección Esquemas, haz clic en un esquema existente o en Agregar esquema para agregar un esquema de colores nuevo.

  5. Haz clic en la muestra de color del tipo de contenido que quieres cambiar.

  6. Para definir el color, ingresa un código de color hexadecimal o elige el color en el selector de color. Para dejar el color como transparente, borra el código hexadecimal del campo de texto.

  7. Haz clic en Guardar.

Tipografía

Puedes definir el estilo y el tamaño de la fuente del texto de la tienda online. Puedes elegir una fuente del sistema o agregar una fuente personalizada. Las fuentes disponibles en el tema las define el desarrollador del tema. Todos los temas gratuitos de Shopify usan fuentes de la biblioteca de fuentes de Shopify.

Considera usar fuentes del sistema en la tienda, porque ya están instaladas en la computadora de los clientes. Usar fuentes del sistema evita descargar fuentes nuevas en la computadora de los clientes, lo que puede afectar negativamente la velocidad de carga de la tienda. La fuente que se muestra en la computadora del cliente depende de su sistema operativo.

Personaliza los tipos de fuente

Consulta la biblioteca de fuentes de Shopify para ver la lista de fuentes disponibles.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Tipografía.

  5. Para cambiar el tipo de fuente de los encabezados o del cuerpo de texto de la tienda, haz clic en Cambiar en la sección Encabezados o Cuerpo.

  6. Haz clic en el nombre de la fuente que quieres usar y luego haz clic en Seleccionar.

  7. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Tipografía.

  7. Para cambiar el tipo de fuente de los encabezados o del cuerpo de texto de la tienda, toca Cambiar en la sección Encabezados o Cuerpo.

  8. Toca el nombre de la fuente que quieres usar y luego toca Listo.

  9. Toca Guardar o .

Personaliza los tamaños de fuente

Puedes definir los tamaños de fuente predeterminados para los encabezados y el cuerpo de texto con la configuración de tema Tipografía.

El tamaño de fuente mínimo es 100% y el máximo es 150%. Cada incremento de la escala aumenta el tamaño de la fuente en 5%. La configuración predeterminada es 100%.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Tipografía.

  5. Para cambiar el tamaño de fuente predeterminado del texto de Encabezados, usa el control deslizante de Escala de tamaño de fuente para seleccionar el tamaño predeterminado.

  6. Para cambiar el tamaño de fuente predeterminado del texto de Cuerpo, usa el control deslizante de Escala de tamaño de fuente para seleccionar el tamaño predeterminado.

  7. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Tipografía.

  7. Para cambiar el tamaño de fuente predeterminado del texto de Encabezados, usa el control deslizante de Escala de tamaño de fuente para seleccionar el tamaño predeterminado.

  8. Para cambiar el tamaño de fuente predeterminado del texto de Cuerpo, usa el control deslizante de Escala de tamaño de fuente para seleccionar el tamaño predeterminado.

  9. Toca Guardar o .

Diseño

Puedes definir el ancho máximo en el que se mostrará la tienda online y configurar el espacio vertical y horizontal entre secciones.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Diseño.

  5. Usa el control deslizante de Ancho de página para elegir un ancho de página entre 1.000 px y 1.600 px. La configuración predeterminada es 1.600 px.

  6. Opcional: Usa el control deslizante para agregar espacio vertical con la opción Espacio entre secciones de la plantilla en las páginas. Puedes agregar hasta un máximo de 100 px entre secciones.

  7. Opcional: Si tienes un diseño de Cuadrícula, usa los controles deslizantes de Espacio horizontal y Espacio vertical para agregar espacio entre el contenido de la cuadrícula en las páginas. Agregar espacio horizontal agrega hasta 40 px a las filas de contenido de las páginas, mientras que agregar espacio vertical agrega hasta 40 px a las columnas de contenido.

  8. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Diseño.

  7. Usa el control deslizante de Ancho de página para elegir un ancho de página entre 1.000 px y 1.600 px. La configuración predeterminada es 1.600 px.

  8. Opcional: Usa el control deslizante para agregar espacio vertical con la opción Espacio entre secciones de la plantilla en las páginas. Puedes agregar hasta un máximo de 100 px entre secciones.

  9. Opcional: Si tienes un diseño de Cuadrícula, usa los controles deslizantes de Espacio horizontal y Espacio vertical para agregar espacio entre el contenido de la cuadrícula en las páginas. Agregar espacio horizontal agrega hasta 40 px a las filas de contenido de las páginas, mientras que agregar espacio vertical agrega hasta 40 px a las columnas de contenido.

  10. Toca Guardar o .

Animaciones

Las animaciones permiten agregar movimiento e interés visual a la tienda online. Puedes activar una animación de desvanecimiento que revela las secciones de la tienda cuando se desplaza por la página y un efecto al pasar el cursor para las tarjetas y los botones.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Animaciones.

  5. Opcional: Para activar una animación que revele las secciones de la tienda online cuando se desplaza por la página, selecciona Revelar secciones al desplazarse.

  6. Opcional: Para agregar una animación de efecto al pasar el cursor a las tarjetas y los botones, selecciona una de las siguientes opciones en la configuración Efecto al pasar el cursor:

    • Elevación vertical: Cuando una persona pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia arriba.
    • Elevación 3D: Cuando una persona pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia adelante y adquiere un efecto 3D. También tiene un brillo sutil que se mueve por el elemento y le da otra capa de dimensión.
  7. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Animaciones.

  7. Opcional: Para activar una animación que revele las secciones de la tienda online cuando se desplaza por la página, selecciona Revelar secciones al desplazarse.

  8. Opcional: Para agregar una animación de efecto al pasar el cursor a las tarjetas y los botones, selecciona una de las siguientes opciones en la configuración Efecto al pasar el cursor:

    • Elevación vertical: Cuando una persona pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia arriba.
    • Elevación 3D: Cuando una persona pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia adelante y adquiere un efecto 3D. También tiene un brillo sutil que se mueve por el elemento y le da otra capa de dimensión.
  9. Toca Guardar o .

Configuración de personalización de elementos visuales

Puedes ajustar la apariencia de elementos del tema, como botones, tarjetas de producto y variantes, desde la página Configuración del tema. Cada opción incluye la configuración correspondiente para ese elemento.

Puedes ajustar la configuración de los siguientes elementos del tema:

  • Botones: incluyen botones de llamada a la acción en secciones como una presentación de diapositivas o una imagen con texto, así como los botones de un formulario de contacto, en las páginas de producto y del carrito.
  • Botones de variantes: permiten mostrar las variantes de un producto en una página de producto o en una sección de producto destacado. Los clientes pueden seleccionar la variante deseada para agregar el producto al carrito sin tener que cambiar de página de producto. Puedes personalizar cómo se muestran estos botones de variantes en la tienda online.
  • Campos: son áreas interactivas que requieren información del cliente; por ejemplo, un selector de cantidad, un formulario de suscripción por correo electrónico o notas del carrito. Puedes ajustar la apariencia de los campos de la tienda online.
  • La configuración de las tarjetas de producto, de colección y de blog permite personalizar el estilo de cada tipo de tarjeta cuando se muestran en secciones de la página.
    • Tarjetas de producto: muestran información de los productos en áreas del tema que listan varios productos, como las plantillas de colección, las secciones de colección y los resultados de búsqueda.
    • Tarjetas de colección: muestran información de las colecciones en áreas del tema que listan colecciones, como una plantilla o sección de lista de colecciones.
    • Tarjetas de blog: muestran información de los artículos del blog en áreas del tema que listan varios productos, como las plantillas de blog, las secciones de blog y los resultados de búsqueda.
  • Contenedores de contenido: se usan para el elemento de texto de las secciones de contenido; por ejemplo, el cuadro de texto en una presentación de diapositivas, en un banner de imagen o en las columnas de las secciones multicolumna. Puedes personalizar la apariencia de los contenedores de contenido de la tienda online.
  • Multimedia: es el componente visual de las secciones; por ejemplo, los elementos multimedia del producto o una imagen en la sección Imagen con texto. Puedes agregar bordes y sombras a los elementos multimedia.
  • Menús desplegables y ventanas emergentes: puedes ajustar la apariencia de los menús desplegables, las ventanas modales y las ventanas emergentes del carrito en la tienda online.
  • Paneles laterales: son contenedores interactivos ocultos que se muestran cuando se toca o se hace clic, como los menús plegables o las opciones de filtro de colección. Puedes personalizar el borde y la sombra de los paneles laterales de la tienda online.
  • Etiquetas: las etiquetas Oferta y Agotado se agregan automáticamente a las imágenes de producto cuando reduces el precio o cuando el recuento de inventario llega a 0. Puedes ajustar la posición, la forma y el color de las etiquetas Oferta y Agotado por separado en la configuración del tema. Las etiquetas Página y Blog se muestran en los resultados de búsqueda correspondientes. Puedes personalizar la posición y la forma de estas etiquetas, pero no puedes cambiar el color de las etiquetas Página y Blog.
  • Información de la marca: puedes incluir información sobre la marca en la tienda online. Cuando completes los siguientes pasos, podrás agregar el bloque Información de la marca en el pie de página de la tienda online.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Haz clic en Editar tema junto al tema que quieres editar.

  3. Haz clic en el ícono configuración.

  4. Haz clic en un elemento para abrir la configuración.

  5. Ajusta cualquiera de las configuraciones disponibles. Revisa los cambios al navegar por diferentes áreas del tema en la ventana de vista previa.

  6. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Editar tema junto al tema que quieres editar.

  4. Toca el ícono configuración.

  5. Toca un elemento para abrir la configuración.

  6. Ajusta cualquiera de las configuraciones disponibles. Revisa los cambios al navegar por diferentes áreas del tema en la ventana de vista previa.

  7. Toca Guardar o .

Redes sociales

Puedes agregar enlaces a tus cuentas de redes sociales para que se muestren en el pie de página de la tienda online.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Redes sociales.

  5. Para agregar enlaces a tus cuentas de redes sociales, ingresa las direcciones web de tus cuentas en los campos correspondientes de Cuentas de redes sociales. Debes ingresar los enlaces completos, como https://instagram.com/shopify o https://tiktok.com/@shopify.

  6. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Redes sociales.

  7. Para agregar enlaces a tus cuentas de redes sociales, ingresa las direcciones web de tus cuentas en los campos correspondientes de Cuentas de redes sociales. Debes ingresar los enlaces completos, como https://instagram.com/shopify o https://tiktok.com/@shopify.

  8. Toca Guardar o .

Comportamiento de búsqueda

La tienda online incluye búsqueda predictiva, que muestra sugerencias cuando los clientes empiezan a escribir en el campo de búsqueda. Las sugerencias de búsqueda pueden ayudar a que los clientes formulen y refinen sus consultas, y ofrecen nuevas formas de explorar la tienda online. También permiten examinar rápidamente las coincidencias sin tener que salir de la página actual para ver una lista aparte de resultados de búsqueda.

Para obtener más información sobre cómo funcionan las sugerencias de búsqueda, consulta Búsqueda predictiva.

Puedes personalizar cómo se muestran las sugerencias de búsqueda a los clientes.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Comportamiento de búsqueda.

  5. Para activar o desactivar las sugerencias de búsqueda, selecciona o deselecciona Habilitar sugerencias de búsqueda.

  6. Opcional: para mostrar u ocultar el proveedor del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar proveedor del producto.

  7. Opcional: para mostrar u ocultar el precio del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar precio del producto.

  8. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Comportamiento de búsqueda.

  7. Para activar o desactivar las sugerencias de búsqueda, selecciona o deselecciona Habilitar sugerencias de búsqueda.

  8. Opcional: para mostrar u ocultar el proveedor del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar proveedor del producto.

  9. Opcional: para mostrar u ocultar el precio del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar precio del producto.

  10. Toca Guardar o .

Formato de moneda

Puedes elegir mostrar el código de moneda junto con los precios de los productos.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Formato de moneda.

  5. Para mostrar los códigos de moneda, selecciona Mostrar códigos de moneda.

  6. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Formato de moneda.

  7. Para mostrar los códigos de moneda, selecciona Mostrar códigos de moneda.

  8. Toca Guardar o .

Carrito

Puedes cambiar el estilo del carrito en la tienda online. Cuando un cliente agrega un producto de la tienda a su carrito, el carrito puede mostrarse como carrito lateral, como página o como notificación emergente. Para que no salga de la página de producto, usa la opción de carrito lateral o de notificación emergente. Para dirigir a la página del carrito, usa la opción de página. Cuando el carrito esté vacío, puedes mostrar una colección destacada en el carrito lateral.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Carrito.

  5. Usa el menú desplegable Tipo de carrito para seleccionar el estilo Carrito lateral, Página o Notificación emergente.

  6. Opcional: para mostrar los proveedores de los artículos en el carrito, selecciona Mostrar proveedor.

  7. Opcional: para ofrecer a los clientes un cuadro de texto donde puedan ingresar solicitudes especiales o información adicional del pedido, selecciona Habilitar nota del carrito.

  8. Opcional: si seleccionas Carrito lateral como Tipo de carrito, puedes mostrar una colección en el carrito lateral cuando esté vacío:

    1. En el área Carrito lateral, haz clic en Seleccionar colección.
    2. Haz clic en el nombre de la colección que quieres mostrar y luego en Seleccionar.
  9. Opcional: si seleccionas Carrito lateral como Tipo de carrito, puedes cambiar el esquema de colores del carrito lateral con estos pasos:

    1. En la sección Carrito lateral > Esquema de colores, haz clic en Cambiar.
    2. Selecciona el esquema de colores que quieras usar para el carrito lateral.
  10. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Carrito.

  7. Selecciona el Tipo de carrito entre las opciones Carrito lateral, Página o Notificación emergente.

  8. Opcional: para mostrar los proveedores de los artículos en el carrito, selecciona Mostrar proveedor.

  9. Opcional: para ofrecer a los clientes un cuadro de texto donde puedan ingresar solicitudes especiales o información adicional del pedido, selecciona Habilitar nota del carrito.

  10. Opcional: si seleccionas Carrito lateral como Tipo de carrito, puedes mostrar una colección en el carrito lateral cuando esté vacío:

    1. En la sección Carrito lateral, toca Seleccionar colección.
    2. Toca el nombre de la colección que quieres mostrar y luego toca Listo.
  11. Opcional: si seleccionas Carrito lateral como Tipo de carrito, puedes cambiar el esquema de colores del carrito lateral con estos pasos:

    1. En la sección Carrito lateral > Esquema de colores, toca Cambiar.
    2. Selecciona el esquema de colores que quieras usar para el carrito lateral y luego toca Listo.
  12. Toca Guardar o .

CSS personalizado

La sección CSS personalizado permite agregar código CSS propio, por ejemplo, para personalizar la apariencia de los botones de la tienda online más allá de las default settings that are available o para aplicar estilos únicos a elementos de texto específicos.

El CSS personalizado en la configuración del tema afecta a todas las páginas de la tienda online, excepto la página de pago.

Más información sobre Adding custom CSS to your theme.

Estilo del tema

Un estilo del tema es un conjunto de configuraciones elegido por la persona diseñadora del tema. Puedes aplicar un estilo del tema a la tienda para darle una apariencia profesional. Todos los temas tienen un estilo del tema aplicado de forma predeterminada. Las demás opciones de estilo del tema disponibles dependen del tema que uses.

Cuando personalizas un tema, reemplazas la configuración del estilo del tema por la tuya. Cuando aplicas un estilo del tema, modificas la configuración actual, como los colores y la tipografía.

Pasos:

Escritorio
  1. From your Shopify admin, go to Online Store.

  2. Busca el tema que quieras editar y haz clic en Editar tema.

  3. Haz clic en el ícono de Configuración del tema settings.

  4. Haz clic en Estilo del tema.

  5. Selecciona el estilo del tema que quieras usar y luego haz clic en Cambiar estilo.

  6. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Menu de menú.

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

  3. Toca Administrar todos los temas.

  4. Busca el tema que quieras editar y toca Editar tema.

  5. Toca Menú horizontal o Menú vertical y luego toca Configuración del tema.

  6. Toca Estilo del tema.

  7. Selecciona el estilo del tema que quieras usar y luego toca Listo.

  8. Toca Guardar o .