How to control the lighbox(pop-up) should show once in a session?

Hi @jayasekar ,
You can handle this by setting a flag once the popup is closed and then checking that flag before showing it again. For example, use a sessionStorage variable (or a cookie) when the user closes the popup:

// When popup is closed
sessionStorage.setItem("popupClosed", "true");

// Before showing popup
if (!sessionStorage.getItem("popupClosed")) {
// show popup
}

OR
you can Create a profile script like popupClosed = true when user closes.Use an audience condition in your activity to only show the popup if popupClosed != true.

the first option with sessionStorage is usually enough — it ensures the popup won’t reappear again in the same session even if the user navigates to multiple product detail pages.

@jayasekar : Do you think using sessionStorage for storing the flag if pop-up is already shown can work for you? You can store this value on rendering of pop-up or click of close/accept/ok button on pop-up. Before rendering this pop-up, you can check if this flag/value is present in sessionStorage.

Since sessionStorage keeps values until you close your browser, it should not show it until you are in current session.

I don't understand your complete use-case but please see if this could work for you.

thanks.

​@jayasekar  Use a short client-side flag to remember that the user closed the offer, then check that flag before asking Adobe Target to render the lightbox again. For SPAs you must run this check on route change rather than relying on full page loads.

Three simple options:

• Quick (per-tab/session): sessionStorage — cleared when tab closes.
• Across-tabs (single browser session): session cookie — cleared when browser session ends.
• Robust (logged-in users): update a Target profile attribute (via trackEvent) so Target excludes the user server-side.

Example (vanilla JS + at.js pattern)

• Show offer only if not closed:

JavaScript

const activityId = 'ACTIVITY_123'; // unique id per Target activity/experience

function shouldShowOffer() {
  return !sessionStorage.getItem('target_closed_' + activityId);
}

function fetchAndRenderOffer() {
  if (!shouldShowOffer()) return;

  // request offer from Adobe Target (simplified)
  adobe.target.getOffer({
    mbox: 'product-promo',
    success: function(offer) {
      adobe.target.applyOffer({ offer: offer });
    }
  });
}

// call on initial load and on SPA route change
fetchAndRenderOffer();

// when user closes the lightbox
document.addEventListener('click', (e) => {
  if (e.target.matches('.promo-close')) {
    sessionStorage.setItem('target_closed_' + activityId, '1'); 
    // optionally set cookie instead:
    // document.cookie = `target_closed_${activityId}=1; path=/`;
    // close DOM for the popup
  }
});

• React SPA example (hook on route change)

JavaScript

import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';

function useTargetPromo(activityId) {
  const location = useLocation();

  useEffect(() => {
    if (sessionStorage.getItem('target_closed_' + activityId)) return;

    window.adobe?.target?.getOffer({
      mbox: 'product-promo',
      success: (offer) => window.adobe.target.applyOffer({ offer })
    });

  }, [location.pathname, activityId]); // run on route change
}

Option: update Target profile so Target excludes the user

• When user closes the popup, call:

JavaScript

adobe.target.trackEvent({ mbox: 'profile-update', params: { promo_closed: true } });

• Build a Target audience that excludes users with promo_closed=true. This prevents rendering server-side and is best for cross-device logged-in users.

Notes / caveats

• sessionStorage = per-tab only. Use session cookies if you want cross-tab behavior.
• If you have multiple experiences/audiences, use unique keys per activity/experience (e.g., target_closed_activity123_experienceA).
• Profile updates require audience configuration in Target and may take effect on next decision call.
• Make sure you still call Target for telemetry if you need impressions even when suppressed.