app/Plugin/ProductHide42/Resource/template/front/Product/detail.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of the ProductHide42 Plugin
  4. Copyright (C) 2023 Diezon.
  6. For the full copyright and license information, please view the LICENSE
  7. file that was distributed with this source code.
  8. #}
  10. {% block stylesheet %}
  11.     {% if Product.hidden %}
  12.         <style>
  13.             .hidden-product-contents {
  14.                 display: flex;
  15.                 flex-direction: column;
  16.                 justify-content: center;
  17.                 align-items: center;
  18.                 gap: 30px;
  19.                 height: 100%;
  20.                 padding-bottom: 20px;
  21.             }
  22.             .hidden-product-contents p {
  23.                 font-size: 16px;
  24.                 text-align: center;
  25.             }
  26.             .ec-footerRole {
  27.                 margin-top: 0 !important;
  28.             }
  29.             .ec-layoutRole__footer {
  30.                 margin-top: auto;
  31.             }
  32.         </style>
  33.     {% endif %}
  34. {% endblock %}
  36. {% block javascript %}
  37.     {% if Product.hidden %}
  38.         <script>
  39.             $(function () {
  40.                 $('.ec-layoutRole__contents').hide();
  41.                 $('.hidden-product-contents').insertAfter('.ec-layoutRole__contents');
  42.             });
  43.         </script>
  44.     {% endif %}
  45. {% endblock javascript %}
  47. {% block main %}
  48.     {% if Product.hidden %}
  49.         <div class="hidden-product-contents">
  50.             <p>{{ 'front.product_detail.hidden_product'|trans }}</p>
  51.             <div class="ec-historyBtn">
  52.                 <a class="ec-inlineBtn" href="{{ url('homepage') }}">TOPページへ戻る</a>
  53.             </div>
  54.         </div>
  55.     {% endif %}
  56. {% endblock %}