Configurar Breadcrumbs & Categories para Shopify Theme
¡Bienvenido a Breadcrumbs & Categories! Esta guía te ayudará a configurar breadcrumbs y subcategorías en tu tema de Shopify en solo unos pocos pasos rápidos.
Lo que obtendrás
Transforma la experiencia de navegación de tu tienda:
Smart Breadcrumbs - Ayuda a los clientes a navegar por tu tienda sin esfuerzo
Advanced Categories - Organiza productos más allá de las colecciones básicas de Shopify
SEO Boost - Datos estructurados que Google adora
Beautiful Design - Se adapta automáticamente a cualquier tema
Instalación
Instalar desde Shopify App Store
Visita la página de la app Breadcrumbs & Categories
Haz clic en "Install"
Revisa los permisos y haz clic en "Install app"
Serás redirigido al panel de la app

Configuración rápida (3 pasos)
Después de la instalación, verás la sección Quickstart en tu panel. Sigue estos 3 simples pasos:

Paso 1: Activa el app embed en tu tema
El primer paso es activar el app embed en tu tema publicado. Esto permite que la app muestre breadcrumbs y categorías en tu tienda.
En el panel, expande Step 1: Activate app embed
La app detecta automáticamente tu tema Live (publicado)
Haz clic en el botón "Enable app embed"
Haz clic en "Save" en el editor de temas para activar el embed
El estado cambiará a "App embed is Active" con una insignia verde
Paso 2: Añade el bloque a tu tema
Ahora añadirás los bloques de breadcrumbs y subcategorías a tu tema en vivo para que aparezcan en tu tienda.
Haz clic en el botón desplegable "Add blocks to theme"
Verás 3 bloques disponibles para elegir:
• Breadcrumbs - Breadcrumbs de navegación para páginas de producto/colección
• Sub-categories - layout text below - Muestra subcategorías con texto debajo de las imágenes
• Sub-categories - layout text overlay - Muestra subcategorías con texto superpuesto en las imágenes
Selecciona el bloque que deseas añadir (puedes añadir múltiples bloques)
El bloque se insertará automáticamente en tu tema en vivo
Paso 3: Configura la estructura
Una vez que los bloques estén añadidos a tu tema, configura breadcrumbs y subcategorías para hacer la navegación más clara y las compras más fáciles para tus clientes. Aprende más sobre cómo gestionar categorías →
Haz clic en el botón "Open categories tree"
Verás el editor del árbol de categorías con interfaz de arrastrar y soltar
Construye tu jerarquía de categorías:
• Arrastra categorías para reordenarlas
• Anida subcategorías bajo categorías principales
• Crea estructuras de navegación multinivel
Haz clic en "Save" cuando termines
Verifica la instalación
Después de completar los 3 pasos, revisa tus páginas de producto:
Visita cualquier producto en tu tienda
Deberías ver la navegación breadcrumbs en la parte superior
Haz clic en los enlaces de breadcrumbs para probar la navegación
