templates/Content/portal.html.twig line 1

Open in your IDE?
  2. {% extends 'views/product.html.twig' %}
  3. {% block content %}
  5. <div id="site-announcemment-block" class="clearfix">
  7.     {% if editmode %}
  8.     
  9.     {{ pimcore_checkbox("announce-hide-show", {'label': 'Hide/Show Announcement'}) }}
  10.     {{ pimcore_input("site-announcemment", {
  11.         "class":"x-form-text-default mt-10", 
  12.         "placeholder":"Site Announcement"
  13.     }) }}
  14.     
  15. {% else %} 
  16.     {% if not pimcore_checkbox("announce-hide-show").isChecked() %}
  17.         <div class="marquee-cover">
  18.             <div class="container">
  19.                 <!-- <span>Announcements</span> -->
  20.                 <div class="marquee">
  21.                     <p>{{ pimcore_input("site-announcemment") }}</p>
  22.                 </div>
  23.             </div>
  24.         </div>
  25.     {% endif %}
  26. {% endif %}
  27. </div>
  29. {% if not editmode %}
  30.     <section class="main-carousel">
  31. {% endif %}
  32.     {% set myBlock = pimcore_block('contentblock', {'reload': true}) %}
  33.     {% for block in myBlock.iterator %}
  34.         {% if editmode %}
  35.           {{ pimcore_image("marqueeImage", {"thumbnail": "sliderImage-scale","title": "Drag your image here","width": 200,"height": 200}) }}
  36.         {% endif %}
  37.          {% set img = pimcore_image("marqueeImage").getSrc() %}
  38.         <div style="background-image: url({{ img }}); cursor: pointer" {% if pimcore_link("marqueeButton").getTarget() == "_blank" and not editmode %} onclick="window.open('{{ pimcore_link("marqueeButton").getHref() }}');" {% elseif not editmode %} onclick="location.href='{{ pimcore_link("marqueeButton").getHref() }}';"{% endif %}> 
  39.           <div class="content" >
  40.               <div class="container row">
  41.                   <div class="section-text">
  42.                     <h1 class="header">
  43.                       {% if pimcore_input("headline") or editmode %}<span class="marquee-header">{{ pimcore_input("headline") }}</span>{% endif %}
  44.                     </h1>
  45.                     {% if pimcore_input("subline") or editmode %}<p class="subheader">{{ pimcore_input("subline") }}</p>{% endif %}
  46.                     {% if pimcore_link("marqueeButton").getText() or editmode %}{{ pimcore_link("marqueeButton", {'class': 'sublink'}) }}{% endif %}
  47.                 </div>
  48.             </div>
  49.           </div>
  50.         </div>
  51.     {% endfor %}
  53. {% if not editmode %}
  54.     </section>
  55. {% endif %}
  57. {% set classes = "front-panels" %}
  58. {% if editmode %}
  59. {% set heading = '<h4 class="mt-40">Please Add Your Image-Text Blocks</h4>' %}
  60. {% set classes = "" %}
  61. {% endif %}
  62. <section class="banner-img-txt-panel text-center clearfix {{ classes }}">
  63.     {{ heading }}
  64.     {% for bannerPanel in pimcore_block("banner-panel").iterator %}
  65.         {% set blockWidth = pimcore_input("banner-panel-width").getValue() %}
  66.             {% if blockWidth is empty or editmode %}
  67.             {% set blockWidth = '100' %}
  68.         {% endif %}
  69.              {% set blockWidth = blockWidth ~ '%' %}
  71.             {% set panelCoverimgUrl = '' %}
  72.             {% set panelBodyimgUrl = '' %}
  73.             {% if not editmode %}
  74.                 {% if pimcore_checkbox("text-hide-show").isChecked() %}
  75.                     {% set panelBodyimgUrl = pimcore_image("banner-panel-image").getThumbnail('imagePanel') %}
  76.                 {% else %}
  77.                     {# {% set panelCoverimgUrl = pimcore_image("banner-panel-image").getThumbnail('imagePanel') %} #}
  78.                     
  79.                 {% endif %}
  80.             {% endif %}
  81.             
  82.         
  83.         <div class="panel-cover" style="width:{{ blockWidth }}">
  84.             <div class="panel panel-default" style="background-image: url({{ panelCoverimgUrl }})">
  85.                 {% if not editmode and  pimcore_input("banner-panel-url").getValue() is not empty %}
  86.                     <a target="_blank" href=""></a>
  87.                 {% endif %}
  88.                 {% if editmode %}
  89.                     <div class="panel-body">
  90.                         <label class="text-left w-100"><strong>Section Url (http://):</strong></label>
  91.                         {{ pimcore_input("banner-panel-url", {"class" : "x-form-text-default light-bg text-left mb-10","placeholder" : "Url"}) }}
  92.                         <label class="text-left w-100"><strong>Section Width (%):</strong></label>
  93.                         {{ pimcore_input("banner-panel-width", { "class" :"x-form-text-default light-bg text-left mb-10","placeholder" : "Set Width in percentage(%)" }) }}
  95.                         {{ pimcore_image("banner-panel-image", { 'thumbnail': 'imagePanel', 'hidetext': true, 'width': 250, 'height': 150, 'title': 'Drag your image here' }) }}
  97.                         <div class="text-left">
  98.                             {{ pimcore_checkbox("text-hide-show", { 'label': 'Hide/Show TextBox', 'reload': true }) }}
  99.                         </div>
  100.                         
  101.                     </div>
  102.                 {% else %}
  103.                     <div class="panel-image" style="background-image:url({{ panelBodyimgUrl }})"></div>
  104.                 {% endif %}
  105.                 
  106.                 {% if pimcore_checkbox("text-hide-show").isChecked() %}
  107.                 <div class="panel-body">
  108.                     {{ pimcore_textarea("banner-panel-text", { 'attr': { 'class': 'x-form-text-default light-bg text-left', 'height': 90, 'placeholder': 'Please add text here' }, 'nl2br': true }) }}
  109.                 </div>
  110.                 {% endif %}
  112.                 {% if not editmode and  pimcore_input("banner-panel-url").getValue() is not empty %}
  113.                     </a>
  114.                 {% endif %}
  115.             </div>
  116.         </div>
  117.     {% endfor %}
  118. </section>
  120. <div class="container">
  121.     <h1 class="product-carousel-heading">{{ pimcore_input("productcarouselheadline") }}</h1>
  122.     <section class="product-carousel">
  123.         {% for product in products %}
  124.         <div class="product-wrapper">
  125.             <div class="product">
  126.                 <div class="product-wrap same-height">
  127.                   <a href="{{ product.getDetailUrl }}">
  128.                   <div class="img-holder">
  129.                     <div class="img-wrap">
  130.                       {% if product.getFirstImage('productList', country) %}
  131.                       <img class="product-image" src="{{ product.getFirstImage('productList', country) }}">
  132.                       {% endif %}
  133.                     </div>
  134.                   </div>
  135.                   {# {% set brands = product.getBrand() %}
  136.                   {% set brandname ='' %}
  137.                   {% if brands %}
  138.                     {% for brand in brands %}
  139.                       {% set brandname = product.getBrandExtensionNameTrademark() %}
  140.                       {% if brandname is empty %}
  141.                         {% set brandname = product.getBrandExtensionName() %}
  142.                       {% endif %}
  143.                     {% endfor %}
  144.                   {% endif %}
  145.                   <span class="name"><a class="name" href="{{ editmode or preview ? '' : product.getDetailUrl }}">{{ brandname }}</a></span> #}
  146.                   <span class="info">{{ product.getName() }}</span>
  147.                 </div>
  148.                 </a>
  149.                 {# {% if product.getBrandExtensionDiscontinued() %}
  150.                 <span class="text-info red">discontinued</span>
  151.                 {% elseif product.getCreationDate() > lastlogin %}
  152.                 <span class="text-info green">new</span>
  153.                 {% elseif product.getmodificationDate() > lastlogin %}
  154.                 <span class="text-info yellow">updates</span>
  155.                 {% endif %} #}
  156.                 <a href="{{ editmode or preview ? '' : path('shop-add-to-cart',{ item: product.getId()}) }}" class="download-btn"><span>{{ 'shop.buy'|trans }}</span></a>
  157.             </div>
  158.         </div>
  159.         {% endfor %}
  160.     </section>
  161. </div>
  162. {% endblock %}