Adjusting the Cookie ribbon style in version 13.4 and above

Note: This article is relevant for upgrades from a version older than 13.4 to 13.4 or above.

The cookie ribbon has been enhanced in version 13.4 to better support GDPR, list the cookies in use and show the cookie policy. With this modification, the look and feel of the ribbon has changed, relying on new CSS styles.

XMPie AquaBlue theme for NG stores and XMPieGreen skin for legacy stores of version 13.4 come with these CSS styles in place.

However, if you're using a custom legacy skin or a custom NG theme, you will have to add these CSS styles to make the cookie ribbon look and behave correctly.

After adding the CSS you may need to refresh the cache (Ctrl+F5 in your browser) to see the change.

Click here to download the CSS files.

CSS for custom NG themes

  1. Open C:\XMPie\uStore\App\ustoreshared\Skins\Images\YourThemeName\style.css

  2. Copy the content of "CustomAquaBlueStyle.txt" to the end of the style.css, and save.

  3. Open C:\XMPie\uStore\App\ustoreshared\Skins\Images\YourThemeName\StyleMobile.css

  4. Copy the content of "CustomAquaBlueStyleMobile.txt" to the end of the StyleMobile.css file, and save.

CSS for custom legacy skins

  1. Open C:\XMPie\uStore\App\ustoreshared\Skins\Images\YourSkinName\style.css

  2. Copy the content of "CustomLegacyXmpieGreenStyle.txt" to the beginning of the style.css file, and save.

  3. Open C:\XMPie\uStore\App\ustoreshared\Skins\Images\YourSkinName\StyleMobile.css

  4. Copy the content of "CustomLegacyXmpieGreenStyleMobile.txt" to the beginning of the StyleMobile.css file, and save.

 

Created by: Guy Schreiber, May 2021