custom/plugins/ThemeOkeonline/src/Resources/views/storefront/element/cms-element-oo-customerservicecard.html.twig line 1

Open in your IDE?
  1. {% block element_oo_customerservicecard %}
  2.     {% set version = element.config['version'].value %}
  3.     {% set title = element.config['customerservicetitle'].value %}
  4.     {% set subtitle = element.config['customerservicedata'].value %}
  5.     {% set img_id = element.config['customerserviceimage'].value %}
  7.     {% set showMail = element.config['customerservicemailenabled'].value %}
  8.     {% set showPhone = element.config['customerservicephoneenabled'].value %}
  9.     {% set showWhatsapp = element.config['customerservicewhatsappenabled'].value %}
  10.     {% set showFaq = element.config['customerservicefaqenabled'].value %}
  11.     {% set customerServiceConstainsHref = showMail or showPhone or showWhatsapp or showFaq %}
  12.     {# classnames prefixed with cs- represent the divs that belong to twig-blocks.#}
  14.     {% if(title or subtitle) %}
  15.         {% block element_oo_cs_wrapper %}
  16.             <div class="row product-detail-service cs-wrapper {{ version }}">            
  17.                 {% block element_oo_cs_content %}
  18.                     <div class="col-12">
  19.                         <div class="content-box">
  20.                             {% if customerServiceConstainsHref %}
  21.                                 <div class="content-box-href">
  22.                             {% else %}
  23.                                 {% if('webkarpet' in context.salesChannel.name | lower) %}
  24.                                     <a class="content-box-href" href="/klantenservice">
  25.                                 {% elseif ('topteppiche' in context.salesChannel.name | lower) %}
  26.                                     <a class="content-box-href" href="/kundenservice/">
  27.                                 {% else %}
  28.                                     <a class="content-box-href" href="/klantenservice">
  29.                                 {% endif %}
  30.                             {% endif %}
  32.                                 {% block element_oo_cs_row %}
  33.                                     <div class="cs-card align-items-center">
  34.                                         {% if(img_id) %}
  35.                                             {% block element_oo_cs_col1 %}
  36.                                                 <div class="cs-card-image">
  37.                                                     {% block element_oo_cs_image %}
  38.                                                         {% set media = img_id ? searchMedia([img_id], context.context) : '' %}
  39.                                                         {% sw_thumbnails 'sibling-cover-thumbnails' with {
  40.                                                             media: media.first(),
  41.                                                             sizes: {
  42.                                                                 'default': '125px'
  43.                                                             },
  44.                                                             attributes: {
  45.                                                                 'style': 'width:100%;',
  46.                                                                 'class': 'img-fluid',
  47.                                                                 'alt': 'Service',
  48.                                                             }
  49.                                                         } %}
  50.                                                     {% endblock %}
  51.                                                 </div>
  52.                                             {% endblock %}
  53.                                         {% endif %}
  54.                                         {% block element_oo_cs_col2 %}
  55.                                             <div class="cs-card-content">
  56.                                                 {% if(title) %}
  57.                                                     {% block element_oo_cs_title %}
  58.                                                         <div class="title cs-title">{{ title|trans|sw_sanitize }}</div>
  59.                                                     {% endblock %}
  60.                                                 {% endif %}
  63.                                                 {% if(subtitle) %}
  64.                                                     {% block element_oo_cs_subtitle %}
  65.                                                         <p class="cs-subtitle">{{ subtitle|trans|sw_sanitize }}</p>
  66.                                                     {% endblock %}
  67.                                                 {% endif %}
  69.                                                 {% if(showMail) %}
  70.                                                     {% block element_oo_cs_mail %}
  71.                                                         <a href="{{ "oo.customerService.serviceItems.email.target"|trans|striptags }}" class="cs-mail d-flex flex-row align-items-baseline mb-2">
  72.                                                             <div class="mr-2">{% sw_icon 'envelope' %}</div>
  73.                                                             <span>{{ "oo.customerService.serviceItems.email.description"|trans|striptags }}</span>
  74.                                                         </a>
  75.                                                     {% endblock %}
  76.                                                 {% endif %}
  78.                                                 {% if(showPhone) %}
  79.                                                     {% block element_oo_cs_phone %}
  80.                                                         <a href="{{ "oo.customerService.serviceItems.phone.target"|trans|striptags }}" class="cs-phone d-flex flex-row align-items-baseline mb-2">
  81.                                                             <div class="mr-2">{% sw_icon 'headset' %}</div>
  82.                                                             <span>{{ "oo.customerService.serviceItems.phone.description"|trans|striptags }}</span>
  83.                                                         </a>
  84.                                                     {% endblock %}
  85.                                                 {% endif %}
  87.                                                 {% if(showWhatsapp) %}
  88.                                                     {% block element_oo_cs_whatsapp %}
  89.                                                         <a href="{{ "oo.customerService.serviceItems.chat.target"|trans|striptags }}" target="_blank" class="cs-whatsapp d-flex flex-row align-items-baseline mb-2">
  90.                                                             <div class="mr-2">{% sw_icon 'speech-bubbles' %}</div>
  91.                                                             <span>{{ "oo.customerService.serviceItems.chat.description"|trans|striptags }}</span>
  92.                                                         </a>
  93.                                                     {% endblock %}
  94.                                                 {% endif %}
  96.                                                 {% if(showFaq) %}
  97.                                                     {% block element_oo_cs_faq %}
  98.                                                         <a href="{{ "oo.customerService.serviceItems.faq.target"|trans|striptags }}" class="cs-faq">
  99.                                                             <span>{{ "oo.customerService.serviceItems.faq.description"|trans|striptags }}</span>
  100.                                                         </a>
  101.                                                     {% endblock %}
  102.                                                 {% endif %}
  103.                                             </div>
  104.                                         {% endblock %}
  105.                                     </div>
  106.                                 {% endblock %}
  107.                             {% if customerServiceConstainsHref %}
  108.                                 </div>
  109.                             {% else %}
  110.                                 </a>
  111.                             {% endif %}
  112.                         </div>
  113.                     </div>
  114.                 {% endblock %}
  115.             </div>
  116.         {% endblock %}
  117.     {% endif %}
  118. {% endblock %}