Cookie Consent Banner

What This Sidekick Query Does

Build a cookie consent banner section for my Shopify theme that appears at the [BANNER_POSITION] (top or bottom) of the viewport when a new visitor lands on the site and no consent cookie exists. The banner should display a message [CONSENT_MESSAGE] with a link to the privacy policy page at [PRIVACY_PAGE_URL]. Include two buttons: Accept All with background color [ACCEPT_BG_COLOR] and text color [ACCEPT_TEXT_COLOR], and Manage Preferences with background color [MANAGE_BG_COLOR] and text color [MANAGE_TEXT_COLOR]. When Manage Preferences is clicked, expand or open a panel showing toggle switches for the following cookie categories: Necessary (always on, disabled toggle), Analytics with default [ANALYTICS_DEFAULT] (on or off), Marketing with default [MARKETING_DEFAULT] (on or off), and Functional with default [FUNCTIONAL_DEFAULT] (on or off). A Save Preferences button should store the selections. All consent choices should be saved in a cookie named [COOKIE_NAME] with an expiry of [COOKIE_EXPIRY_DAYS] days. The banner should not appear again until the cookie expires. Include settings for banner background color [BANNER_BG_COLOR], text color [BANNER_TEXT_COLOR], font size [FONT_SIZE], max-width [BANNER_MAX_WIDTH], and z-index [Z_INDEX]. Provide complete Liquid, CSS, and JavaScript. Do not use any third-party scripts.

Expected Output

Tips to Improve Results