Usercentrics - PUBLIC
Shopify: v2 CMP invisible after direct implementation
An issue with direct implementation of Usercentrics privacy banner (v2) has been identified for Shopify platform.
What happens?
After direct implementation of the Usercentrics privacy banner, the website where it is implemented on becomes unusable in situations where the banner needs to be displayed (new visits / initial visits / privacy banner updates and resurfaces).
What’s the cause?
This happens due to a CSS tag of diplay:none
set as active within the main CSS page. This causes the banner to load but not be visible.
This is a CSS issue within the base.css file on the Shopify website. There are currently two workarounds to this issue:
Solution
Workaround 1: Adjust the base.css page:
Locate the
usercentrics-root
in the base.css fileRemove the condition
display:none
Alternatively remove the condition
div:empty
Workaround 2: inline override within the header
Add the following line within your theme.liquid page:
<style>div#usercentrics-root {display:block; }</style>
→ This will override the information in the CSS file, allowing the banner to be shown.
Do you need further help?
Usercentrics - PUBLIC