私は bigcommerce ストアを運営しており、サイト フッターにハロー バー ソロ カスタム コードをインストールしています。また、hellobar コードをさまざまな場所 (ヘッダー テンプレート ファイル、デフォルト テンプレート ファイル、ページ固有のテンプレート ファイル) に配置しようとしました。何らかの理由で、ハロー バーは私のホームページでのみ機能し、他のページでは機能しません。
理由についてのアイデアはありますか?これをフッターに配置すると、すべてのページに表示されるはずですが、それは私が得ているものではありません。詳細やコード サンプルが必要な場合はお知らせください。
ありがとう
ところで、bigcommerce サポートは、フッターにこのコードがある場合、すべてのページにハローバーが表示されるはずだと考えていますが、機能していません。私の推測では、それはjavascriptだと思いますが、それを回避する方法がわかりません。
私が使用しているコードは次のとおりです。
<div id="mailchimp_form" style="display:none;">
<form action="http://xxxxx.us5.list-manage.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="xxxxxxxx">
<input type="hidden" name="id" value="xxxxx">
Get an instant coupon code by signing up to our newsletter. Email: <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="" />
<input class="button" type="submit" value="Subscribe" />
</form>
</div>
<!-- Hello Bar configuration start -->
<script type="text/javascript">
var mailChimpForm = document.getElementById('mailchimp_form').innerHTML;
new HelloBar( mailChimpForm, {
showWait: 1000,
positioning: 'sticky',
fonts: 'Arial, Helvetica, sans-serif',
forgetful: true
}, 1.0 );
</script>
そして、ヘッダーに配置した参照は次のとおりです。
<link type="text/css" rel="stylesheet" href="content/hellobar.css" />
<script type="text/javascript" src="content/hellobar.js"></script>