Skip to main content

Fixing Duplicate Seating Map Links on Some Themes

In some Shopify themes, the seating map link may appear more than once after changing variants or updating the product form.

This happens because some themes dynamically re-render the product form when variants change, which can cause the seating map container to be added multiple times.

The solution below keeps only one seating map link visible and automatically cleans up duplicates.


Step 1: Open the Theme Editor

In Shopify Admin:

Online Store → Themes → Customize

Open the product template where your event product is displayed.


Step 2: Add a Custom Liquid Block

In the product section:

  1. Click Add block

  2. Select Custom Liquid

  3. Place the block where you want the seating map link to appear


Step 3: Paste This Code

Paste the following code into the Custom Liquid block:

<div data-evey-seat-option></div>

<script>
document.addEventListener("DOMContentLoaded", () => {

const mount = document.querySelector('[data-evey-seat-option]');

if (!mount) return;

const moveSeatMap = () => {

const links = document.querySelectorAll('.evey-seating-url-container');

if (!links.length) return;

// keep only newest generated link
const latest = links[links.length - 1];

// avoid duplicate move
if (!mount.contains(latest)) {
mount.innerHTML = '';
mount.appendChild(latest);
}

// remove remaining duplicates
links.forEach((el) => {
if (el !== latest && el.parentNode) {
el.remove();
}
});
};

// initial cleanup
moveSeatMap();

// monitor variant changes / re-renders
const observer = new MutationObserver(() => {
moveSeatMap();
});

observer.observe(document.body, {
childList: true,
subtree: true
});

});
</script>

What This Does

This script:

  • Keeps only one seating map link visible

  • Automatically removes duplicates

  • Repositions the seating map link into the Custom Liquid block

  • Continues working after variant changes or dynamic theme updates


Recommended Placement

For best results, place the Custom Liquid block:

  • Near the seat selector

  • Above the Add to Cart button

  • Inside the main product form area


Important Notes

  • This is a theme-level workaround for themes that dynamically re-render the product form

  • The seating map link itself is still generated by Evey

  • No changes are made to your event or seating configuration


Need Help?

If the seating map still appears multiple times after adding the script, please contact support with:

  • Your Shopify theme name

  • A product URL

  • A screenshot or screen recording of the issue

  • Whether the issue happens after changing variants or immediately on page load

Did this answer your question?