templates/areas/our-products/view.html.twig line 1

Open in your IDE?
  1. {% set number = pimcore_select('Number', {
  2.     width: 110,
  3.     reload: true,
  4.     store: [[1,1],[2,2],[3,3],[4,4],[5,5],[6,6],[7,7],[8,8],[9,9],[10,10],[11,11],[12,12],[13,13],[14,14],[15,15],[16,16],[17,17],[18,18]],
  5.     class: 'align-middle'
  6. }) %}
  8. {% set countProduct = number.getData() %}
  9. {% if countProduct is empty or countProduct == 0 %}
  10.     {% set countProduct = 1 %}
  11. {% endif %}
  12. {% set device = pimcore_device('desktop') %}
  13. <div class="content-row full ourProducts light-section" data-bgcolor="#fff">
  14.     <!-- Row -->
  15.     <div class="content-row row_padding_top light-section change-header-color" data-bgcolor="#fff">
  16.         <div class="one_half our-product-N">
  18.         {% if editmode %}
  19.             {{pimcore_input('headingOne',{
  20.                     "placeholder":"Enter heading"
  21.                         
  22.                 })}}
  24.                 {{pimcore_input('headingTwo',{
  25.                     "placeholder":"Enter heading second"
  26.                         
  27.                 })}}
  29.         {% else %}
  30.             <h2 class="has-mask-fill no-margins">{{pimcore_input('headingOne')}}</h2>
  31.             <h2 class="has-mask-fill">{{pimcore_input('headingTwo')}}</h2>
  33.         {% endif %}
  35.             <hr/>
  37.             <p class="has-animation" data-delay="0">
  38.                 {{pimcore_wysiwyg('productDescription',{
  39.                         "placeholder":"Enter product Description"
  40.                        })|raw}}
  41.             </p>
  42.         </div>
  44.         <div class="one_half last"></div>
  45.     </div>
  46.     <!--/Row -->
  48.     {% if editmode %}
  49.         <div class="mb-3">
  50.             <span class="editmode-label align-middle">Number:</span>
  51.             {{ number|raw }}
  52.         </div>
  53.     {% endif %}
  54.     <!-- Row -->
  55.     {# <div class="content-row light-section full change-header-color" data-bgcolor="#fff">
  56.         <div class="panels news-panel">
  57.             <div class="{{ not editmode ? 'panels-container' : ''}}">
  58.                 {% for t in 0..(countProduct - 1) %}
  60.                     {{ pimcore_renderlet('productTeaser_' ~ t, {
  61.                         type: 'object',
  62.                         editmode: editmode,
  63.                         controller: 'App\\Controller\\ProductController::productTeaserAction',
  64.                         title: 'Drag a product object here '  ~ t,
  65.                         height : 'auto',
  66.                         width: '100%'
  67.                     }) }}
  69.                 {% endfor %}
  72.             </div>
  73.         </div>
  74.     </div> #}
  75.     
  76. {% if device.isPhone() %}
  77.     <!-- Showcase Slider Holder -->
  78.     <div id="showcase-carousel-holder" class="full-carousel-holder mobileOnlySlider mobileOnlySliderArrows">
  79.         <div id="itemsWrapperLinks">
  80.             <div id="showcase-carousel" class="swiper-container homepage-slider-New">
  81.                 <div id="itemsWrapper" class="swiper-wrapper webgl-fitthumbs fx-one homepage-new-carousel">
  84.                 {% for t in 0..(countProduct - 1) %}
  86.                     {{ pimcore_renderlet('productTeaser_' ~ t, {
  87.                         type: 'object',
  88.                         editmode: editmode,
  89.                         controller: 'App\\Controller\\ProductController::productTeaserAction',
  90.                         title: 'Drag a product object here '  ~ t,
  91.                         height : 'auto',
  92.                         width: '100%'
  93.                     }) }}
  95.                 {% endfor %}
  98.                     
  99.                     
  100.                 </div>
  101.             </div>
  102.         </div>
  103.         <div class="showcase-pagination-wrap"></div>
  104.         <div class="showcase-pagination"></div>
  105.     </div>
  106.     <!-- Showcase Slider Holder -->
  108. {% else %}
  109.     <!--/Row -->
  110.     <div class="container new-full-container mb-5">
  111.         <div class="row">
  113.                 {% for t in 0..(countProduct - 1) %}
  115.                     {{ pimcore_renderlet('productTeaser_' ~ t, {
  116.                         type: 'object',
  117.                         editmode: editmode,
  118.                         controller: 'App\\Controller\\ProductController::productTeaserAction',
  119.                         title: 'Drag a product object here '  ~ t,
  120.                         height : 'auto',
  121.                         width: '100%'
  122.                     }) }}
  124.                 {% endfor %}
  125.         
  126.             
  127.           
  128.         </div>
  129.     </div>
  130.     
  131. {% endif %}
  132.     <!-- Footer -->
  133.     <footer class="hidden footer-centered-class-icon mobileOnlySlider">
  134.         <div
  135.           id="footer-container"
  136.           class="showcase-absolute-footer"
  137.         >
  138.           <div class="button-wrap left disable-drag swiper-prev">
  139.             <div class="icon-wrap parallax-wrap">
  140.               <div class="button-icon parallax-element newArrows">
  141.                 <i class="fas fa-chevron-circle-left" style="color: #000;"></i>
  142.               </div>
  143.             </div>
  144.           </div>
  145.     
  146.           <div class="button-wrap right disable-drag swiper-next">
  147.             <div class="icon-wrap parallax-wrap">
  148.               <div class="button-icon parallax-element newArrows">
  149.                 <i class="fas fa-chevron-circle-right" style="color: #000;"></i>
  150.               </div>
  151.             </div>
  152.           </div>
  153.         </div>
  154.       </footer>
  155.       <!--/Footer -->
  157. </div>