Issue
A customer reported that the Stockist form is rendering at the bottom of the page instead of appearing in the intended section/layout.
Cause
This typically happens when the Stockist app embed is injected into the page, but isn’t being placed into the correct theme container by default.
Solution
You can manually move the app embed into the correct location using a small JavaScript snippet.
Option A — Add to theme.liquid
In Shopify Admin, go to Online Store → Themes → Edit code
Open layout/theme.liquid
Paste the snippet below near the bottom of the file, just before
</body>
Option B — Add via a “Custom Liquid” Section
Go to Online Store → Themes → Customize
Open the relevant page/template
Add a Custom Liquid section
Paste the snippet below into the section
Code Snippet
<!-- Stockist-form position --> <script> window.addEventListener('load', function() { var rootElem = document.querySelector('.stockist-form-container'); var appEmbed = document.querySelector('.shopify-app-block #stockist-app-embed'); if (rootElem && appEmbed) { rootElem.appendChild(appEmbed); } }); </script>Important Notes
⚠️ .stockist-form-container is a placeholder selector.
You must inspect the affected store’s theme HTML and replace this selector with the actual container element where the Stockist form should appear (it can vary by theme/shop).
What to check
Confirm the destination container exists on the relevant template.
Confirm the app embed element exists on the page:
.shopify-app-block #stockist-app-embed
Expected Result
After adding the snippet and updating the selector, the Stockist form should render inside the intended section, instead of defaulting to the bottom of the page.