Saltar al contenido principal

FAQ y solución de problemas

Respuestas rápidas a las preguntas que surgen con más frecuencia.


Instalación y configuración

¿Vertex requiere un plan Shopify Plus o Advanced?

No. Vertex se instala en todos los planes de Shopify. Sin embargo, las funciones B2B nativas (empresas, catálogos B2B, condiciones NET, exención fiscal, multi-ubicación) requieren Shopify Plus o Advanced con el complemento B2B. Sin ellas, Vertex sigue funcionando como un pulido tema B2C de suministros industriales — cada función B2B se degrada con elegancia.

¿Necesito alguna aplicación complementaria?

No. Vertex usa las funciones B2B nativas de Shopify de extremo a extremo. Sin app de gestión de presupuestos, sin app de precios al por mayor, sin app de multidivisa, sin app de comparativa.

¿Cuánto dura la instalación completa?

  • Instalación básica (solo tema): 5 minutos
  • Instalación B2B completa (tema + B2B nativo + empresas + catálogos + metafields): 45–60 minutos la primera vez. Las empresas posteriores tardan 5 minutos cada una.

¿Puedo usar Vertex primero en una tienda de desarrollo?

Sí. Instale Vertex en cualquier tienda de desarrollo y personalice sin afectar a su tienda en vivo. Publique solo cuando esté listo.


Visibilidad de la interfaz B2B

¿Por qué no aparece la barra ámbar de saludo B2B?

En orden de probabilidad:

  1. No ha iniciado sesión como cliente B2B. La barra solo se renderiza cuando customer.b2b? es true Y customer.current_company está establecido.
  2. El modo de tienda está configurado como solo B2C. Abra Configuración del tema ▸ B2B ▸ Modo de tienda y cambie a Híbrido (auto) o Solo B2B.
  3. El B2B nativo no está activado en el admin de Shopify. Vaya a Configuración ▸ Cuentas de cliente ▸ B2B ▸ Gestionar ▸ Activar B2B.
  4. La empresa del comprador ha sido eliminada o revocada. Vertex omite defensivamente la barra cuando customer.current_company es nil a mitad de sesión.

¿Por qué no aparece la pill de representante de ventas en la cabecera?

La pill de representante solo se renderiza cuando las tres condiciones son verdaderas:

  1. El comprador ha iniciado sesión como B2B (customer.b2b? == true)
  2. La empresa del comprador tiene un metafield vertex.rep_name establecido
  3. El modo de tienda no es solo B2C

Verifique en Clientes ▸ Empresas ▸ [Nombre de la empresa] ▸ Metafields que vertex.rep_name esté poblado.

¿Por qué los niveles de precios por volumen no se muestran en la PDP?

Vertex lee los niveles por volumen desde el quantity_price_breaks nativo de Shopify. La tabla de volumen en la PDP se renderiza solo cuando:

  1. El comprador ha iniciado sesión en una empresa
  2. La empresa está asignada a un catálogo B2B
  3. La lista de precios del catálogo incluye el producto con niveles de precios basados en cantidad

Si la tabla está vacía, revise la lista de precios en B2B ▸ Catalogs ▸ [Nombre del catálogo] ▸ Lista de precios.

¿Por qué mi comprador B2B ve "Inicie sesión para ver los precios" aunque ha iniciado sesión?

El interruptor Configuración del tema ▸ B2B ▸ Ocultar precios hasta que el cliente inicie sesión está activado. Esta función oculta los precios solo a los invitados. Los clientes con sesión iniciada (B2C O B2B) deberían ver siempre los precios. Si no es así, desactive el ajuste y guarde.

¿Por qué la tienda se siente "B2C" aunque he iniciado sesión como B2B?

O bien:

  1. El modo de tienda está configurado como solo B2C. Cámbielo a Híbrido o Solo B2B.
  2. El registro del cliente no está vinculado a una empresa. Abra Clientes ▸ [Nombre del cliente] y confirme que está asociado a una empresa bajo la pestaña Empresas.

Personalización

¿Cómo cambio el color de marca?

  1. Abra Configuración del tema ▸ Colores
  2. Elija una Paleta de colores inicial para recoloreado con un clic, O seleccione Personalizado y anule cada color individualmente

¿Cómo añado una fuente personalizada?

Los selectores de fuente bajo Configuración del tema ▸ Tipografía usan la biblioteca de fuentes de Shopify. Para usar una fuente fuera de ella, añada un <link> en theme.liquid y actualice las propiedades CSS personalizadas --font-body / --font-heading.

  1. Abra el editor de tema y haga clic en Cabecera en el panel de secciones
  2. Haga clic en Imagen del logo y suba su archivo
  3. Altura recomendada: ~40 px; SVG preferido

¿Cómo personalizo el texto de la barra de anuncios?

  1. Abra Grupo de cabecera ▸ Barra de anuncios en el editor de tema
  2. Edite el campo Texto
  3. La barra tiene una × descartable integrada que respeta localStorage

¿Cómo añado/edito la navegación secundaria (Ofertas especiales / Guías / Servicios / FAQ)?

  1. Vaya a Tienda online ▸ Navegación
  2. Cree un menú nuevo con el handle secondary-menu (detectado automáticamente por Vertex)
  3. Añada enlaces — aparecen alineados a la derecha en la cabecera de escritorio

¿Cómo cambio entre las 4 tiendas demo (Vertex / Throttle / OfficeIT / Inkline)?

Dos maneras:

  1. Recoloreado permanenteConfiguración del tema ▸ Colores ▸ Paleta de colores inicial — elija uno de los 4 presets
  2. Vista previa temporal — añada ?view=throttle (o officeit / printsupply) a cualquier URL de su tienda

→ Consulte la Guía de presets demo para más detalles.


Rendimiento

¿Cuál es la puntuación Lighthouse en una tienda Vertex?

Registrado en la demo de showcase:

  • Performance móvil: 65–100 (según el tipo de página)
  • Performance escritorio: 90+ en cada página
  • Accesibilidad: 92–95
  • Mejores prácticas: 95+
  • SEO: 100

¿Cómo mejoro más el Performance de Lighthouse?

  1. Optimice las imágenes hero. Use WebP en múltiples anchos; apunte a menos de 300 KB por diapositiva.
  2. Limite el hero a 1 diapositiva. Los rotadores hero multi-diapositiva cuestan LCP. El predeterminado se entrega con 1 diapositiva.
  3. Limite los embeds de apps de Shopify. Cada app de terceros inyecta JS — cada una suma TBT.

¿Por qué mi Performance móvil es más bajo que el de escritorio?

Estándar para los temas de Shopify — móvil está throttled en Lighthouse (CPU más lenta + red más lenta). Los usuarios reales de iPhone 14 / Galaxy S22 obtienen puntuaciones mucho mejores que el número de Lighthouse.


Accesibilidad e internacionalización

¿Vertex cumple con WCAG 2.1 AA?

Sí. Navegación por teclado, foco visible, contraste mínimo 4.5:1, objetivos táctiles de 24 px en móvil, roles ARIA correctos, enlace de salto al contenido, inputs de formulario etiquetados.

¿Con qué idiomas viene Vertex?

5: inglés (predeterminado), francés, italiano, alemán, español. Las cadenas UI + etiquetas de schema están ambas traducidas.

¿Vertex soporta idiomas RTL?

— completamente. <html dir> se invierte automáticamente para árabe, hebreo, persa, urdu, yidis, kurdo, divehi y pastún. CSS usa propiedades lógicas para que el diseño se refleje limpiamente.

¿Puedo añadir otro idioma?

Sí. Traduzca locales/en.default.json a su idioma de destino, guárdelo como locales/{code}.json. Las etiquetas de schema viven en locales/en.default.schema.json — tradúzcalo a locales/{code}.schema.json para localizar también la UI del editor.


Metafields y datos de producto

¿Qué metafields usa Vertex?

En el namespace vertex:

  • vertex.mpn (producto) — Número de pieza del fabricante, indexado en la búsqueda predictiva
  • vertex.ships_from (producto) — Ciudad de envío desde por producto
  • vertex.price_history (producto) — Lista JSON de entradas {date, price}
  • vertex.datasheet, vertex.msds, vertex.brochure, vertex.tech_sheet, vertex.install_guide, vertex.warranty (producto) — selectores de archivo para PDFs
  • vertex.rep_name, vertex.rep_email, vertex.rep_phone (empresa) — Representante de ventas por empresa
  • vertex.payment_terms (empresa) — Anulación de la etiqueta de insignia de condiciones NET

Más un metaobject tech_spec_row (lista, adjunto al producto) para la tabla de especificaciones técnicas.

→ Referencia completa: Guía de configuración de metafields.

¿Qué pasa si falta un metafield?

El bloque correspondiente de la PDP se oculta automáticamente. Vertex es defensivo respecto a metafields que faltan — los valores vacíos nunca renderizan UI rota.


Precios y licencias

¿Cuánto cuesta Vertex?

$399 USD licencia para una sola tienda. Incluye actualizaciones gratuitas para todos los lanzamientos v1.x.

¿Puedo usar una licencia Vertex en múltiples tiendas?

No — la licencia estándar de la Theme Store es para una sola tienda. Para licencias multi-tienda, abra un ticket a través del portal de soporte de la Theme Store.

¿Vertex recibirá actualizaciones?

Sí. Los lanzamientos v1.x incluyen correcciones de errores, mejoras de rendimiento y nuevas secciones. Consulte el Changelog.


Errores comunes y soluciones

"Theme Check muestra 18 advertencias en mi versión personalizada"

Probablemente ha editado plantillas Liquid e introducido variables no utilizadas o rutas hardcodeadas. Ejecute shopify theme check localmente para ver los detalles. El propio Vertex se entrega con 0 infracciones de Theme Check.

"Mi CSS personalizado está siendo anulado"

Los archivos CSS por sección de Vertex tienen mayor especificidad que una hoja de estilos genérica. Añada anulaciones mediante:

  1. Configuración del tema ▸ Colores ▸ Personalizado (preferido — la mayoría de las cosas se basan en variables CSS)
  2. CSS personalizado en assets/vertex.css después de las reglas existentes
  3. Un nuevo assets/custom-overrides.css con !important (último recurso)

¿Todavía atascado?