Integration of footer image

Feature Request
1

Hi Store.link Team,

Firstly, thank you for building such a streamlined platform
I’d like to submit a feature request that’s essential for businesses selling alcoholic beverages in France.

In our region, it’s legally mandatory to display a health warning on any page selling alcohol. The usual format is something like:

“L’abus d’alcool est dangereux pour la santé – à consommer avec modération.”
Interdiction de vente de boissons alcooliques aux mineurs de moins de 18 ans.
Reference: Code de la santé publique, articles L.3342‑1 and L.3353‑3

I understand Store.link focuses on simplicity, but we must legally show this on every page, ideally in the footer area of the site.

:mag: Is there any way to integrate this image or warning text (as a persistent footer, image, or embedded HTML) on:

  • All product pages that include alcohol?
  • Or globally in the footer of the website?

This feature is vital for compliance, and we’d really appreciate your help or a workaround.

For reference, here’s how large French retailers manage it:

Thank you so much for your support.

2

Hi there,
Totally understand your concern—and yes, you can add the health warning in the footer using the Custom Script option.

You can add it as plain text or an image. Just copy the code below based on your preference and paste it into your Custom script section.

For adding warning as text:

<style>
.footer-legal-text {
  text-align: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  border: 3px solid #ccc; /* ← Adjust thickness and color here */
  border-radius: 8px;
  max-width: 700px;
  margin: 10px auto 20px;
  box-sizing: border-box;
}
</style>

<script>
function waitForElement(selector, callback) {
  const interval = setInterval(function () {
    const el = document.querySelector(selector);
    if (el) {
      clearInterval(interval);
      callback(el);
    }
  }, 100);
}

waitForElement('#store-footer-content .store-footer-social-links', function (socialLinksDiv) {
  const para = document.createElement("p");
  para.className = "footer-legal-text";
  para.innerHTML = "L’abus d’alcool est dangereux pour la santé – à consommer avec modération.<br>Interdiction de vente de boissons alcooliques aux mineurs de moins de 18 ans.<br><strong>Reference:</strong> Code de la santé publique, articles L.3342‑1 and L.3353‑3";

  socialLinksDiv.insertAdjacentElement("afterend", para);
});
</script>

For adding warning as an image:

  1. Upload your image under Products → Gallery
  2. Copy the image link
  3. Paste it inside this code and add it to the Custom Script section:
<style>
.footer-image-block {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.footer-image-block img {
  width: 100%;
  max-width: 1100px; /* ⬅️ Adjust if needed */
  height: auto;
  display: block;
}
</style>

<script>
function waitForElement(selector, callback) {
  const interval = setInterval(function () {
    const el = document.querySelector(selector);
    if (el) {
      clearInterval(interval);
      callback(el);
    }
  }, 100);
}

waitForElement('#store-footer-content .store-footer-social-links', function (socialLinksDiv) {
  const imgWrapper = document.createElement("div");
  imgWrapper.className = "footer-image-block";

  const img = document.createElement("img");
  img.src = "ADD-YOUR-IMAGE-LINK-HERE"; // 👈 Paste your image link here
  img.alt = "Legal alcohol sales banner";

  imgWrapper.appendChild(img);
  socialLinksDiv.insertAdjacentElement("afterend", imgWrapper);
});
</script>

If you already have an active code in your Custom Script section, just copy what’s inside the <style> and <script> tags and add it inside your existing tags. No need to copy the whole thing again.

You can also customize these codes if needed

Let me know if this helps!

Thanks,
Ziyad K

1 Like
3

Thanks so much Ziyad for your help and quick response!

I had tried adding custom code previously, but it didn’t work as expected. However, your suggestion did the trick with some slight modifications. Really appreciate your support.

For your reference, you can check the implementation at fatafat.Fr – feel free to share any feedback!

1 Like