Diseñar productos y colecciones

Esta guía se aplica a la versión de ShopiPress indicada en la cabecera de la página, publicada oficialmente en Freemius. Confirma la versión instalada antes de aplicar el procedimiento. Las versiones posteriores pueden cambiar pantallas, valores por defecto o fronteras de servicio.

Resultado esperado

La presentación de productos y colecciones usa el taller de diseño FREE incluido o los controles de diseño visual entregados en PRO, sin cambiar la responsabilidad de Shopify sobre el comercio.

Usa el taller visual incluido, las plantillas por defecto y los controles PRO entregados, sin confundir una vista previa bloqueada con un motor activo.

Antes de empezar

• Productos sincronizados representativos con imágenes, títulos largos, precios, variantes y estados de disponibilidad.
• Un tema de WordPress conocido y los anchos de página objetivo.
• La referencia de capacidades por edición para el paquete FREE o PRO instalado.
• Un punto de restauración de los ajustes de diseño antes de realizar cambios amplios.

Prepara un punto de restauración e identifica el registro Shopify de referencia y la URL o pantalla de administración de WordPress que probará el resultado. La prueba debe ser lo bastante pequeña para repetirse sin crear un estado de catálogo ambiguo.

Alcance y límites actuales

FREE expone un taller global básico de producto y colección con vista previa. PRO añade el editor avanzado, la personalización de componentes, los controles adaptables, varias plantillas y CSS personalizado. No existen ajustes preestablecidos guardados ni importación o exportación de configuraciones.

Mantén visible el modelo de responsabilidad durante toda la tarea: Shopify sigue siendo la fuente comercial y el sistema de pago; ShopiPress conecta, sincroniza y renderiza el catálogo según los contratos entregados; WordPress es el contexto de publicación. Un resultado correcto en WordPress no debe interpretarse como una transferencia de pedidos, clientes, pagos o autoridad sobre el inventario.

Procedimiento

1. Abre Diseño y selecciona la superficie de producto o colección que quieres modificar.
2. Ajusta solo un pequeño conjunto de controles globales y compara después la vista previa con datos de catálogo representativos.
3. En PRO, separa los cambios por componente y los adaptables para que cada diferencia pueda revisarse y revertirse.
4. Previsualiza textos largos, imágenes ausentes, precios rebajados, controles de variante y estados sin existencias.
5. Publica solo después de probar la página real de WordPress, no únicamente la vista previa de Diseño.

No omitas el paso de revisión entre una acción administrativa y la publicación pública. Una respuesta correcta del control es solo una capa de evidencia; el registro guardado en WordPress, la página renderizada y la ruta comercial de Shopify deben coincidir.

Verificar el resultado

• Los valores por defecto de producto y colección siguen siendo utilizables sin los controles PRO.
• Los cambios adaptables conservan el orden de lectura, el foco y las acciones de compra a 320 píxeles.
• Una bajada de edición no elimina los ajustes PRO guardados ni el contenido del catálogo.

Verifica el resultado en la página WordPress renderizada y en la superficie autorizada de Shopify, no solo dentro de la pantalla de administración de ShopiPress. Usa un producto representativo con datos de precio, disponibilidad, variante y colección. Repite la operación segura más pequeña cuando la idempotencia importe y registra cualquier diferencia antes de ampliar la prueba.

Errores frecuentes

• La vista previa y el frontend difieren: identifica si la discrepancia corresponde al tema, al renderizador del constructor o a un ajuste de diseño guardado.
• Un control PRO aparece bloqueado en FREE: trátalo como información contextual del producto, no como un motor activo.
• La maquetación se rompe en móvil: vuelve a los valores globales por defecto y reintroduce los cambios de uno en uno, por componente y por punto de ruptura.

Cuando un resultado sea inesperado, detén las acciones amplias y reduce el caso a un registro, una URL y un renderizador. Conserva la respuesta fallida antes de cambiar ajustes o vaciar cachés para que el diagnóstico siga siendo reproducible.

Resolución de problemas

1. Confirma la versión y la edición del paquete.
2. Reproduce el caso seguro más pequeño con datos controlados.
3. Identifica si Shopify, ShopiPress o WordPress es responsable del paso que falla.
4. Compara el resultado observado con el estado de capacidad entregado, parcial o ausente.
5. Restaura el entorno de prueba, repite una vez y anota si el resultado es estable.

Seguridad y datos

El CSS personalizado es una capacidad de publicación PRO. Limítalo a administradores de confianza, evita importaciones remotas y nunca incrustes credenciales ni datos de clientes en estilos o plantillas.

Registra la versión instalada, la edición, las versiones de WordPress y PHP, el constructor o la integración SEO activa, la URL exacta, el viewport y las acciones ordenadas que produjeron el resultado. Captura únicamente datos de catálogo controlados. Oculta el token Storefront, los datos de clientes, la información de pedidos, los dominios privados y cualquier secreto de entorno antes de que un artefacto salga del espacio de validación.

Consecuencias SEO

El diseño puede cambiar el orden de los encabezados, la visibilidad del texto, las etiquetas de los enlaces y la estabilidad de la maquetación. Valida la estructura semántica renderizada, los nombres accesibles y el comportamiento acumulado de la maquetación después de cada cambio de plantilla.

Evidencia que registrar

Registra la versión instalada, la edición, las versiones de WordPress y PHP, el constructor o la integración SEO activa, la URL exacta, el viewport y las acciones ordenadas que produjeron el resultado. Captura únicamente datos de catálogo controlados. Oculta el token Storefront, los datos de clientes, la información de pedidos, los dominios privados y cualquier secreto de entorno antes de que un artefacto salga del espacio de validación.

Guías relacionadas

• Instalación
• Publicar con WordPress
• Google y SEO
• Seguridad y datos

Versión y estado del producto

ShopiPress está publicado oficialmente en Freemius. Esta guía describe la versión documentada. Los enlaces de compra y descarga se añadirán a este sitio cuando sus destinos estén configurados.