Funciones JS disponibles en contenidos estáticos

Introducción

Catálogo de funciones JavaScript disponibles para su uso dentro de los contenidos estáticos del CMS. Estas funciones se registran en el objeto global window al iniciar la aplicación y pueden ser invocadas desde el HTML de los contenidos estáticos mediante atributos como onclick.

Ejemplo de uso en HTML de un contenido estático:

<a href="javascript:void(0)" onclick="goToLogin()">Iniciar sesión</a>
<button onclick="searchForCategoria('123')">Ver categoría</button>
<div onclick="sendAnalyticsCustomEventTrack('click_banner_home')">...</div>

Funciones de Navegación

Autenticación y registro

Función	Parámetros	Descripción
`goToLogin()`	—	Abre el modal de inicio de sesión.
`goToLoginFromRegister()`	—	Cierra el modal de registro y abre el de inicio de sesión.
`goToRegister()`	—	Abre el modal de registro.
`goToRememberPassword()`	—	Abre el formulario de recuperación de contraseña.
`goToDinamycForm(idForm, initNavigation?)`	`idForm`: string — ID del formulario dinámico. `initNavigation?`: boolean — Si se debe cerrar el modal actual antes de navegar.	Abre un formulario dinámico por su ID.

Páginas principales

Función	Parámetros	Descripción
`goToHomePage()`	—	Navega a la página de inicio.
`goToMyAccount()`	—	Navega a la página "Mi cuenta".
`goToMyData()`	—	Navega a la página "Mis datos".
`goToMyDirections()`	—	Navega a la página "Mis direcciones".
`goToMyPaymentMethods()`	—	Navega a la página "Mis métodos de pago".
`goToMyPreferences()`	—	Navega a la página "Mis preferencias".
`goToMyRefunds()`	—	Navega a la página "Mis devoluciones".
`goToMyLists()`	—	Navega a la página "Mis listas".
`navigateToUserOrders()`	—	Navega a la página "Mis pedidos".

Funciones de Catálogo

Búsqueda y navegación en catálogo

Función	Parámetros	Descripción
`searchByText(text)`	`text`: string — Texto de búsqueda.	Realiza una búsqueda por texto en el catálogo.
`searchForCategoria(id)`	`id`: string — ID de la categoría.	Navega a una categoría del catálogo.
`searchForSubCategoria(id)`	`id`: string — ID de la subcategoría.	Navega a una subcategoría (alias de `searchForCategoria`).
`searchForCategoriaAndMarca(id, brand)`	`id`: string — ID de la categoría. `brand`: string — Nombre de la marca.	Navega a una categoría filtrada por marca.
`searchForJerarquia(id)`	`id`: string — ID de la jerarquía.	Navega a una jerarquía del catálogo.
`searchForAgrupacionCodigo(code)`	`code`: string — Código de la agrupación.	Navega a una agrupación de productos.
`searchForProducto(code)`	`code`: string — Código del producto.	Navega a la ficha de detalle de un producto.
`searchForPromocion(id)`	`id`: string — ID de la promoción.	Navega a una promoción.
`searchForPromotionCodeClient(code)`	`code`: string — Código de la campaña MKT.	Navega a una promoción por código de cliente (campaña MKT).
`searchForBundleCodeClient(code)`	`code`: string — Código del bundle.	Navega a un bundle por código de cliente.
`goToAllCatalog(filters)`	`filters`: string — Filtros a aplicar.	Navega al catálogo completo con los filtros indicados.
`goToMostBuyed()`	—	Navega a la sección de productos más comprados.
`goToDynamicLanding(code)`	`code`: string — Código de la landing.	Navega a una landing dinámica.

Recetas

Función	Parámetros	Descripción
`goToRecipeCollections()`	—	Navega a las colecciones de recetas.
`goToRecipes(code)`	`code`: string — Código de la colección.	Navega a las recetas de una colección.
`goToRecipeLanding(id)`	`id`: string — ID de la receta.	Navega a la landing de una receta específica.

Pedidos

Función	Parámetros	Descripción
`goToLastOrder()`	—	Navega al detalle del último pedido del usuario. Si no tiene pedidos, redirige a "Mis pedidos".
`addLastOrderToCart()`	—	Abre el modal para añadir los productos del último pedido al carrito.

Funciones de Carrito

Función	Parámetros	Descripción
`addProductsToCart(products, codeBanner?)`	`products`: string — Productos a añadir (formato esperado por la API). `codeBanner?`: string — Código del banner de origen (para analítica).	Añade uno o varios productos al carrito.
`addAllGroupProductsToCart(groupCode)`	`groupCode`: string — Código de la agrupación.	Añade todos los productos de una agrupación al carrito.

Funciones de Paneles y Modales

Visibilidad de paneles

Función	Parámetros	Descripción
`showCartPanel()`	—	Muestra el panel lateral del carrito.
`hideCartPanel()`	—	Oculta el panel lateral del carrito.
`showLeftPanel()`	—	Muestra el panel lateral izquierdo.
`hideLeftPanel()`	—	Oculta el panel lateral izquierdo.
`showPromotionsPanel()`	—	Muestra el panel de promociones.
`hidePromotionsPanel()`	—	Oculta el panel de promociones.
`showSmartListPanel()`	—	Muestra el panel de la Smart List.
`hideSmartListPanel()`	—	Oculta el panel de la Smart List.
`showUserPanel()`	—	Muestra el panel del usuario.
`hideUserPanel()`	—	Oculta el panel del usuario.

Modales y dirección de entrega

Función	Parámetros	Descripción
`openDeliveryAddress()`	—	Abre el modal de dirección de entrega. Si el usuario está logueado abre el formulario de dirección; si no, abre el formulario de código postal.
`openDeliveryAddressPanel()`	—	Abre el panel lateral de dirección de entrega (pestaña de direcciones).
`openPickingShopPanel()`	—	Abre el panel lateral de dirección de entrega (pestaña de tiendas de recogida).
`openTimeZones()`	—	Abre el modal de selección de franja horaria de entrega.
`closeCurrentModal()`	—	Cierra el modal que esté abierto actualmente (con un retardo de 1 segundo).

Funciones de Analítica

Función	Parámetros	Descripción
`sendAnalyticsCustomEventTrack(event)`	`event`: string — Nombre del evento personalizado.	Envía un evento personalizado de analítica.
`sendAnalyticsClickBanner(event, title)`	`event`: string — Nombre del evento. `title`: string — Título del banner.	Envía un evento de clic en banner.
`sendAnalyticsPromotionsClicks(code, promotionName?, creativeName?, creativeSlot?, typePromotion?, promotionCode?)`	`code`: string — Código de la promoción. `promotionName?`: string — Nombre de la promoción. `creativeName?`: string — Nombre de la creatividad. `creativeSlot?`: string — Slot de la creatividad. `typePromotion?`: string — Tipo de promoción (por defecto 'promotion'). `promotionCode?`: string — Código de la promoción.	Envía un evento de clic en promoción (GA4 `select_promotion`). Almacena la información de la promoción para asociarla a la navegación posterior.
`sendAnalyticsViewPromotion(code, promotionName?, creativeName?, creativeSlot?, typePromotion?, idHtml?, promotionCode?)`	`code`: string — Código de la promoción. `promotionName?`: string — Nombre de la promoción. `creativeName?`: string — Nombre de la creatividad. `creativeSlot?`: string — Slot de la creatividad. `typePromotion?`: string — Tipo de promoción (por defecto 'promotion'). `idHtml?`: string — ID del elemento HTML (si se indica, solo se envía el evento si el elemento es visible). `promotionCode?`: string — Código de la promoción.	Envía un evento de visualización de promoción (GA4 `view_promotion`). Si se proporciona `idHtml`, solo se envía si el elemento es visible en pantalla.

Funciones de Utilidad

Función	Parámetros	Descripción
`printDynamicDate(id, date, daysToAdd)`	`id`: string — ID del elemento HTML donde imprimir la fecha. `date`: Date — Fecha base. `daysToAdd`: number — Días a sumar a la fecha base.	Calcula una fecha sumando días a una fecha base y la imprime (formato `dd-MM-yyyy`) en el elemento HTML indicado.
`setStaticValue(elementId, key, options?)`	`elementId`: string — ID del elemento HTML. `key`: string — Clave del valor estático a mostrar. `options?`: object — Opciones adicionales.	Establece un valor dinámico calculado en un elemento HTML del contenido estático.

Funciones avanzadas de catálogo

Estas funciones son de uso interno y normalmente se invocan desde otras funciones del catálogo.

Función	Parámetros	Descripción
`navigateInCatalog(type, code, filters?, originProduct?)`	`type`: string — Tipo de página (category, hierarchy, product, promotion, etc.). `code`: string/number — Código o ID del recurso. `filters?`: string — Filtros adicionales. `originProduct?`: string — Origen de la navegación.	Función genérica de navegación en el catálogo. Es utilizada internamente por las funciones `searchFor*`.
`searchInCatalog(primaryFilter, filters)`	`primaryFilter`: string — Filtro principal. `filters`: object — Objeto con filtros de producto.	Navega al grid de catálogo con filtros avanzados de producto.