app/template/HF4002/Block/band_banner.twig line 1

Open in your IDE?
  1. {# セール実施用設定 #}
  2. {% set start_date = '2021-09-06'|date('Y-m-d') %}
  3. {% set end_date = '2021-09-27'|date('Y-m-d') %}
  4. {% set coupon_code = "eio100anniv" %}
  5. {% set sale_category_id = 90 %}
  6. {% if start_date <= date()|date('Y-m-d') and date()|date('Y-m-d') <= end_date %}
  7.     {% set campain_valid = true %}
  8. {% else %}
  9.     {% set campain_valid = false %}
  10. {% endif %}
  11. {# セール実施用設定 #}
  13. <p class="band_banner clearfix">
  14.     {% if campain_valid %}
  15.         <a href="{{ url('product_list') }}?category_id={{ sale_category_id }}"><span class="left">通巻100号記念マガジン電子版バックナンバー半額セール実施中!</span></a>
  16.         <span class="right" onclick="copyToClipboard()" id="coupon_code_data" value="{{coupon_code}}">クーポンコード「{{coupon_code}}」の入力をお忘れなく!!（お一人様1回のみ、2021/9/27まで）</span>
  17.     {% else %}
  18.         <a href="#">
  19.             <span class="left">2,200円(税込)以上のお買い物で送料無料!</span>
  20.             <span class="right">『多聴多読マガジン2021年8月号』発売しました!!</span>
  21.         </a>
  22.     {% endif %}
  23. </p>
  24. <style>
  25. /*調整用*/
  26. @media only screen and (max-width: 768px){
  27. .ec-headerRole .ec-headerTitle__title{padding-left:0 !important;}
  28. .ec-headerNavSP{top:5px;}
  29. .band_banner span.left {width: 53%;padding-left: 10%;}
  30. .band_banner span.right {width: 47%;}
  31. }
  32. @media only screen and (max-width: 768px){
  33. .band_banner span.left {width: 100%;}
  34. .band_banner span.right {text-align:center; width: 100%;}
  35. }
  37. .copy_button {
  38.     padding: 5px 10px;
  39.     border-radius: 5px;
  40.     background-color: #48382B;
  41.     color: white;
  42.     margin: 0.5em 0;
  43.     line-height: 3em;
  44.     cursor: pointer;
  45.     box-shadow: 1px 1px 2px black;
  46. }
  47. </style>
  48. <script>
  49.     function copyToClipboard() {
  50.         var copyText= "{{coupon_code}}";
  51.         navigator.clipboard.writeText(copyText).then(function(){
  52.             alert("クーポンコード「"+copyText+"」をコピーしました！\n商品購入時、クーポンコードの画面でこちらをペーストしてお使いください。");
  53.         },function(){
  54.             alert("申し訳ございませんが、お使いのブラウザでは対応しておりません。\n直接ページ上のテキストをコピーください。");
  55.         });
  57.     }
  58. </script>