Shopify can be installed into your Shopify website.
Go to Online Store - Themes and select “Edit code” of your current theme.
Make changes in “theme.liquid” file.
<script>
var dmBrandId = "YOUR_BRAND_ID"; //Should be taken from Brand Panel
var dmBannerBtnSelector = "#openBannerBtn";
var dmDesktopConfig = {
buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
buttonMarginLeft: 0,
buttonMarginRight: 0,
buttonMarginBottom: 0,
buttonScale: 70,
};
var dmMobileConfig = {
buttonPosition: "bottom_right", //"bottom_right", "bottom_left"
buttonMarginLeft: 0,
buttonMarginRight: 0,
buttonMarginBottom: 0,
buttonScale: 40
};
</script>
<script type="text/javascript" src="https://dm-plugin-assets.s3.us-east-2.amazonaws.com/dm-games-bundle.js"></script>
Preview:
Go back to the Brand Panel and Approve the Request to connect the plugin to the Brand Panel.
Plugin settings
dmBrandId (required) - brand Id, that can be taken from the Brand panel
dmBannerBtnSelector - if website owner wants to make some element of his page clickable to open a plugin - a CSS selector of this element must be provided with this option
dmDesktopConfig.buttonScale, dmMobileConfig.buttonScale (%) - Discounter Mania button can be downscaled if needed (1-100% of the original size); set option separately for desktop and mobile screen resolutions
dmDesktopConfig.buttonPosition, dmMobileConfig.buttonPosition - where the button should be placed - "bottom_right", "bottom_left" (position of a button is always fixed - it will not disappear from the screen once page is scrolled); set option separately for desktop and mobile screen resolutions
dmDesktopConfig.buttonMarginLeft, dmMobileConfig.buttonMarginLeft (in pixels) - button can be shifted to the right if needed (if Left bottom position was selected); set option separately for desktop and mobile screen resolutions
dmDesktopConfig.buttonMarginRight, dmMobileConfig.buttonMarginRight (in pixels) - button can be shifted to the left if needed (if Right bottom position was selected)
dmDesktopConfig.buttonMarginBottom, dmMobileConfig.buttonMarginBottom (in pixels) - button can be shifted to the top if needed
Please note that the plugin will not work without a Brand ID.
Add the script below to the end of the HTML document body (before the </body>). Fill in these instructions with your settings (see ).