Personalizar el diseño de la página de producto
Abre Tienda en línea → Config. de tema, elige Producto en el selector de páginas y edita la sección Resumen producto: cada elemento (imágenes, título, precio, variantes, paquetes, formulario de pedido, descripción) es un bloque propio que puedes reordenar, eliminar o complementar.
Pasos
- Ve a Tienda en línea → Config. de tema. En el menú Seleccionar página de la esquina superior izquierda elige Producto.
- Haz clic en cualquier elemento del lienzo: Imágenes del producto, Título del producto, Calificación del producto, Precio del producto, Descuento del producto, Variantes del producto, Combos de productos, Botón de cantidad, Botón añadir al carrito, Compra rápida, Visitantes en línea, Descripción del producto o Detalles del producto. Aparece una barra flotante con el nombre del bloque.
- Reordena con las flechas subir / bajar de la barra, o abre Capas de diseño (icono de capas) para arrastrar bloques, ocultarlos con el icono del ojo o eliminarlos.
- Elimina un elemento con el icono de eliminar de la barra. Para insertar algo nuevo entre dos elementos, pulsa + en la barra (o haz clic en la zona fina de soltar entre ellos) y busca en la ventana Agregar bloque.
- Imágenes del producto: en Configuración activa Habilitar zoom y elige la Posición del botón de zoom; la pestaña Variantes ofrece 3 diseños de galería.
- Descripción del producto: define Tipo en Normal o Corto. Detalles del producto: elige el Estilo de pestañas (Normal / Botones); sus pestañas son Descripción, Reseñas y Preguntas frecuentes.
- Agrega un bloque Preguntas frecuentes (Título, Subtítulo); sus preguntas provienen de la sección FAQ del propio producto en Productos → Gestionar productos.
- Haz clic en Guardar y luego asegúrate de que la página esté Publicado.
Problemas frecuentes
- Variantes del producto desapareció en la página en vivo → cuando el bloque Combos de productos (ofertas) está en la página, el bloque de Variantes se elimina en modo en vivo porque el widget de ofertas ya incluye las variantes.
- Eliminaste el bloque equivocado → usa Deshacer en la barra superior antes de guardar, o vuelve a agregarlo desde Agregar bloques.
- El diseño se ve bien en escritorio pero roto en móvil → cambia el tamaño de dispositivo en la barra superior y ajusta los Estilos del bloque; las ediciones se aplican solo al dispositivo seleccionado.
- Los cambios no se ven en la tienda → Guardar almacena la página; el interruptor Publicado / No publicado la pone en vivo. Los cambios se guardan por idioma, así que repite en cada idioma de la tienda.
- Quieres una insignia o un icono debajo del título → consulta Cómo agregar insignias o iconos pequeños debajo del título o del precio del producto.
Relacionado
- Cómo personalizar las secciones de tu página de producto
- Agregar, mover, copiar y eliminar bloques en una página
- Editar el diseño para móvil y tablet por separado
- Agregar una sección de preguntas frecuentes (FAQ)