templates/areas/watches/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <style>
  3.         .inpt {
  4.             color: #fff !important;
  5.         }
  7.         ._edit_item {
  8.             /*color: #fff;*/
  9.             border-bottom: 1px solid #000;
  10.         }
  11.     </style>
  12. {% endif %}
  13. <section id="prodList">
  14.     <div class="container">
  15.         <div class="row">
  16.             <div class="col-12 text-center">
  17.                 <h3>{{ pimcore_input('title', {
  18.                         'placeholder': 'Cím...',
  19.                         'class': 'inpt'
  20.                     }) }}</h3>
  21.             </div>
  22.         </div>
  24.         {% if editmode %}
  25.         <div style="width: 100%; background: #fff; padding: 10px;">
  26.             <p><b>Elemek</b></p>
  27.             {% for i in pimcore_block('contentblock').iterator %}
  28.                 <div class="_edit_item">
  29.                     <p>Kép:
  30.                         {{ pimcore_image('image', {
  31.                             'required': true,
  32.                             'width': 240
  33.                         }) }}
  34.                     </p>
  35.                     <p>Logo:
  36.                         {{ pimcore_image('logo', {
  37.                             'required': true,
  38.                             'height': 150
  39.                         }) }}</p>
  40.                     <p>Link:{{ pimcore_link('link', {
  41.                             'required': true
  42.                         }) }}</p>
  43.                 </div>
  44.             {% endfor %}
  45.         </div>
  46.         {% else %}
  48.         <div class="row p-0">
  49.             {% for i in pimcore_block('contentblock').iterator %}
  50.                 <!-- PRODUCT ITEM -->
  51.                 <div class="col-lg-2 col-md-4 col-sm-6 item p-0">
  52.                     <div class="inner text-center">
  53.                         <div class="prodImg">
  54.                             <a href="{{ pimcore_link('link').getHref() }}" title="{{ pimcore_link('link').getTitle() }}" class="prodImgA">
  55.                                 {{ pimcore_image('image', {
  56.                                     'alt': pimcore_link('link').getTitle(),
  57.                                     'disableWidthHeightAttributes': true
  58.                                 }) }}
  59.                             </a>
  60.                         </div>
  61.                         <a href="{{ pimcore_link('link').getHref() }}" title="{{ pimcore_link('link').getTitle() }}" class="pLogo">
  62. {#                            <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg">#}
  63.                             {{ pimcore_image('logo', {
  64.                                 'class': 'logoImg',
  65.                                 'alt': pimcore_link('link').getTitle(),
  66.                                 'disableWidthHeightAttributes': true
  67.                             }) }}
  68.                         </a>
  69. {#                        <a href="" title="" class="btn btn-primary">Részletek</a>#}
  70.                         {{ pimcore_link('link', {
  71.                             'class': 'btn btn-primary'
  72.                         }) }}
  73.                     </div>
  74.                 </div>
  75.             {% endfor %}
  76.             {% endif %}
  77.             <!-- PRODUCT ITEM -->
  78.             {#            <!-- PRODUCT ITEM --> #}
  79.             {#            <div class="col-lg-2 col-md-4 col-sm-6 item p-0"> #}
  80.             {#                <div class="inner text-center"> #}
  81.             {#                    <div class="prodImg"> #}
  82.             {#                        <a href="" title="" class="prodImgA"> #}
  83.             {#                            <img src="themes/frontend/images/product.png" alt=""> #}
  84.             {#                        </a> #}
  85.             {#                    </div> #}
  86.             {#                    <a href="" title=""> #}
  87.             {#                        <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg"> #}
  88.             {#                    </a> #}
  89.             {#                    <a href="" title="" class="btn btn-primary">Részletek</a> #}
  90.             {#                </div> #}
  91.             {#            </div> #}
  92.             {#            <!-- PRODUCT ITEM --> #}
  93.             {#            <!-- PRODUCT ITEM --> #}
  94.             {#            <div class="col-lg-2 col-md-4 col-sm-6 item p-0"> #}
  95.             {#                <div class="inner text-center"> #}
  96.             {#                    <div class="prodImg"> #}
  97.             {#                        <a href="" title="" class="prodImgA"> #}
  98.             {#                            <img src="themes/frontend/images/product.png" alt=""> #}
  99.             {#                        </a> #}
  100.             {#                    </div> #}
  101.             {#                    <a href="" title=""> #}
  102.             {#                        <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg"> #}
  103.             {#                    </a> #}
  104.             {#                    <a href="" title="" class="btn btn-primary">Részletek</a> #}
  105.             {#                </div> #}
  106.             {#            </div> #}
  107.             {#            <!-- PRODUCT ITEM --> #}
  108.             {#            <!-- PRODUCT ITEM --> #}
  109.             {#            <div class="col-lg-2 col-md-4 col-sm-6 item p-0"> #}
  110.             {#                <div class="inner text-center"> #}
  111.             {#                    <div class="prodImg"> #}
  112.             {#                        <a href="" title="" class="prodImgA"> #}
  113.             {#                            <img src="themes/frontend/images/product.png" alt=""> #}
  114.             {#                        </a> #}
  115.             {#                    </div> #}
  116.             {#                    <a href="" title=""> #}
  117.             {#                        <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg"> #}
  118.             {#                    </a> #}
  119.             {#                    <a href="" title="" class="btn btn-primary">Részletek</a> #}
  120.             {#                </div> #}
  121.             {#            </div> #}
  122.             {#            <!-- PRODUCT ITEM --> #}
  123.             {#            <!-- PRODUCT ITEM --> #}
  124.             {#            <div class="col-lg-2 col-md-4 col-sm-6 item p-0"> #}
  125.             {#                <div class="inner text-center"> #}
  126.             {#                    <div class="prodImg"> #}
  127.             {#                        <a href="" title="" class="prodImgA"> #}
  128.             {#                            <img src="themes/frontend/images/product.png" alt=""> #}
  129.             {#                        </a> #}
  130.             {#                    </div> #}
  131.             {#                    <a href="" title=""> #}
  132.             {#                        <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg"> #}
  133.             {#                    </a> #}
  134.             {#                    <a href="" title="" class="btn btn-primary">Részletek</a> #}
  135.             {#                </div> #}
  136.             {#            </div> #}
  137.             {#            <!-- PRODUCT ITEM --> #}
  138.             {#            <!-- PRODUCT ITEM --> #}
  139.             {#            <div class="col-lg-2 col-md-4 col-sm-6 item p-0"> #}
  140.             {#                <div class="inner text-center"> #}
  141.             {#                    <div class="prodImg lastImg"> #}
  142.             {#                        <a href="" title="" class="prodImgA"> #}
  143.             {#                            <img src="themes/frontend/images/product.png" alt=""> #}
  144.             {#                        </a> #}
  145.             {#                    </div> #}
  146.             {#                    <a href="" title=""> #}
  147.             {#                        <img src="themes/frontend/images/grand_seiko-logo.png" alt="" class="logoImg"> #}
  148.             {#                    </a> #}
  149.             {#                    <a href="" title="" class="btn btn-primary">Részletek</a> #}
  150.             {#                </div> #}
  151.             {#            </div> #}
  152.             {#            <!-- PRODUCT ITEM --> #}
  153.         </div>
  154.     </div>
  155. </section>