App settings
Customize delivery message position
Go to App settings
-> Delivery message
-> Position on your product pages
.
The delivery message gets inserted into your product pages nearby the first element we can find with your specified CSS selector
.
Info
Customizing the position requires technical knowledge of HTML and CSS. Contact us if you need help.
What is a CSS selector?
CSS selectors are indicating an element within the HTML structure of a page. Consider it as a tree with many branches, and the CSS selector is the guide to get you to the right leaf.
How to find out the right CSS selector?
We recommend to use SelectorGadget if you are not familiar with Chrome DevTools. It's a simple point and click tool to find the right CSS selector.
Disable ScriptTag API
Info
The Shopify ScriptTag API is used to automatically inject JavaScript files into your shop storefront.
Shops with many installed apps can experience degraded script load times because of the ScriptTag API.
Enable the option "Manually include our JavaScript file" if you want to disable the ScriptTag API in Delm.
How to manually include our JavaScript file
Info
JavaScript files that you include manually are not removed automatically on app uninstall.
- Go to
Online Store
->Themes
->Actions
->Edit code
and opentheme.liquid
within your Shopify backend. - Find
</head>
intheme.liquid
. - Copy the script below and paste it before
</head>
. - Save your changes.
<script async src="https://cdn.delm.io/deliverymessage.js"></script>