By default Handsome Checkout blocks all external stylesheets to maintain page design and prevent conflicts. Because many plugins unfortunately include their scripts and styles into ALL pages of the site, even if the included files are used only on certain pages.
So if you want to make certain scripts or styles work on Handsome Checkout pages, you have to whitelist them.
You need to put this code snippet into functions.php file of your theme.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | // whitelist Consent Magic stylesheet function bf_keep_my_style( $excluded_styles ) { $excluded_styles[] = 'consent-magic'; // your style id return $excluded_styles; } add_filter( 'gb_hcc_preserve_styles', 'bf_keep_my_style' ); // whitelist Consent Magic script function bf_keep_my_script( $excluded_scripts ) { $excluded_scripts[] = 'consent-magic'; // your script id return $excluded_scripts; } add_filter( 'gb_hcc_preserve_scripts', 'bf_keep_my_script' ); // unhide Consent Magic popup html code in page footer function bf_unhide_footer_scripts() { echo '<style type="text/css">.wc_hcc_hide { display: block !important; }</style>'; } add_action( 'wp_head', 'bf_unhide_footer_scripts', 999 ); |