Top bar personalizada para Shopify

Instalación en Shopify

1. Subir la sección Ve a tu panel de Shopify → Online Store → Themes En tu tema activo, haz clic en ⋯ → Edit code En el panel izquierdo, busca la carpeta Sections Clic en Add a new section Nómbrala announcement-bar y confirma Borra todo el contenido que genera automáticamente y pega el contenido del archivo Clic en Save

2. Agregar la sección al tema Regresa a Online Store → Themes → Customize En el panel izquierdo, haz clic en Add section Busca Announcement Bar y selecciónala Arrástrala hasta la parte superior del layout, por encima del header

3. Configurar los anuncios Dentro del customizer, con la sección seleccionada: Haz clic en Add block → Anuncio para agregar cada mensaje Llena el texto, ícono, badge y enlace de cada bloque En el panel de configuración de la sección ajusta colores, tipografía, efecto de transición y comportamiento Clic en Save Notas importantes La sección tiene un límite de 1 por página, Shopify no te dejará agregarla dos veces.

Si tu tema ya incluye una barra de anuncios nativa, desactívala o elimínala para evitar que aparezcan dos barras Para que aparezca en todas las páginas, agrégala desde la vista All pages / Default del customizer, no desde una página específica El botón de cerrar oculta la barra solo durante esa sesión; al recargar la página vuelve a aparecer (comportamiento nativo sin cookies)