Google Tag Manager examples

Storeganise does not offer support for GTM use or guarantee that any custom GTM code will work within Storeganise. Additionally, periodic updates to the Storeganise API could impact or even break how custom GTM code works. Please note also that many users may not see changes made via GTM due to the widespread use of ad-blockers.

GTM allows many type of customisations of your customer portal or website

Custom styles

Setup: create a user defined variable of type "DOM Element", selection method: "ID", element ID: "app", attribute name: "data-style-nonce"

Examples

1. Hide promo code field (self storage)

<style nonce="{{styleNonce}}">
  /* hide promo field */
  div:has(> .form-floating > [name="code"]) {
    display: none; 
  }
</style>

2. Hide unavailable unit-types (self storage)

<style nonce="{{styleNonce}}">
  li:has([data-unit-type]) {
    display: none; 
  }
</style>

3. Hide collect later option (valet storage)

<style nonce="{{styleNonce}}">
  /* hide collect immediately/later div */
  div:has(> label>[name=collect]) {
    display: none; 
  }
</style>

4. Change the font

<style nonce="{{styleNonce}}">
  @import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;600&display=swap');
  
  :root {
    --bs-font-sans-serif: 'Cuprum', sans-serif;
  }
</style>