app/template/default/Block/pricePicked.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. {% block javascript %}
  13. <script>
  14. </script>
  15. {% endblock %}
  17. {% block stylesheet %}
  18.     <style>
  19.     .pricePicked {
  20.         display: flex;
  21.     }
  22.     .pricePicked-button {
  23.         width: 50%;
  24.         margin:  3%;
  25.         padding: 3% 10%;
  26.         background: #fcfaf5;
  27.         border-radius: 5%;
  28.     }
  29.     .pricePicked-button-title {
  30.         margin: 0 0 0 6%;
  31.         font-weight: bold;
  32.         color: black;
  33.         font-size: 45px;
  34.     }
  35.     .pricePicked-button-innner {
  36.         margin: 5%;
  37.         border-radius: 6px;
  38.     }
  39.     a.btn-border {
  40.         border-radius: 6px;
  41.         background: #f0e7d8;
  42.         font-weight: bold;
  43.         font-size: 28px;
  44.     }
  46.     a.btn-border:hover {
  47.         color: #fff;
  48.         background: #d5a770;
  49.     }
  50.     .pricePicked-img {
  51.         width: 50%;
  52.         padding: 3%;
  53.     }
  54.     .pricePicked-img img {
  55.         width: 100%;
  56.         height: 100%;
  57.         border-radius: 5%;
  58.     }
  61.     @media screen and (max-width: 568px ) {
  62.         .pricePicked-button {
  63.             width: 100%;
  64.             margin-left: 3%;
  65.         }
  66.         .pricePicked-img {
  67.             display: none;
  68.         }
  69.     }
  72.     </style>
  73. {% endblock %}
  75. <div class="pricePicked">
  76.     <div class="pricePicked-button">
  77.         <div class="pricePicked-button-title">ご予算</div>
  78.         <div class="pricePicked-button-innner"><a href="https://tas-lab.net/products/list?name=&price_min=0&price_max=5000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn-border">¥5000まで</a></div>
  79.         <div class="pricePicked-button-innner"><a href="https://tas-lab.net/products/list?name=&price_min=5000&price_max=10000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn-border">¥5000 ~ ¥10000</a></div>
  80.         <div class="pricePicked-button-innner"><a href="https://tas-lab.net/products/list?name=&price_min=10000&price_max=1000000&size_vertical_min=0&size_vertical_max=300&size_width_min=0&size_width_max=300" class="btn btn-border">¥10000から</a></div>
  81.     </div>
  82.     <div class="pricePicked-img">
  83.       <img src="https://www.asahicom.jp/and/w/wp-content/uploads/2019/02/AS20181031003366_comm.jpg" />
  84.     </div>
  85. </div>