Publishing and Theme Editor

How do I publish a banner in my store?

Use the Theme Editor or embed a snippet with the banner ID.

Do you have a snippet example?

Example (from repo):

<bainners-banner data-banner-id="YOUR_BANNER_ID"></bainners-banner>
<script>
  (function () {
    var banners = document.querySelectorAll('bainners-banner[data-banner-id]');
    banners.forEach(function (el) {
      var id = el.getAttribute('data-banner-id');
      fetch('/apps/bainners/banner?banner_id=' + encodeURIComponent(id))
        .then(function (res) { return res.text(); })
        .then(function (html) { el.innerHTML = html; })
        .catch(function () { el.innerHTML = 'Unable to load banner.'; });
    });
  })();
</script>

Can I use a banner on multiple pages?

Yes. The same banner ID can be embedded in any page.

Does this impact performance?

Images are optimized and delivered via CDN to minimize impact.