loyaltylion.configure
function.
id="loyaltylion"
element, allowing us to target our isolation styles using #loyaltylion ... { ... }
which enables robust and reliable isolation. This has the potential side effect of rendering more than one element on the page with the #loyaltylion
id, which can raise warnings with some web standards validation tools.
If you prefer to use class-based isolation, you can use a configuration option to do so:
lion-isolator
, and subsequently your CSS customisations need to use this as well. From the example above, this now looks like:
?ll_use_class_isolator=1
query param. This allows you to try it out and see what additional CSS you may need to apply to address any style conflicts.
disableBundledCSS
option to true
when you configure the LoyaltyLion SDK:
Source Sans Pro
font, when using your own font your should disable ours to avoid loading an unnecessary font. To do this, set the disableBundledFonts
option to true
when you configure the LoyaltyLion SDK:
cart.js
.
If you’re running a headless Shopify store, these APIs may not be available. To explicitly configure the SDK not to use these APIs, you can specify the shopifyFrontend
configuration option. This turns off some features which depend on those APIs, such as in-cart rewards: