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

Open in your IDE?
  1. {% sw_extends '@parent/storefront/element/cms-element-oo-customerservicecard.html.twig' %}
  3. {% block element_oo_cs_row %}
  4.     <div class="cs-card">
  5.         {% if(img_id) %}
  6.         {% endif %}
  7.         {% block element_oo_cs_col2 %}
  8.             <div class="cs-card-content">
  9.                 {% if(title) %}
  10.                     {% block element_oo_cs_title %}
  11.                         <div class="cs-card-content-title">{{ title|trans|sw_sanitize }}</div>
  12.                     {% endblock %}
  13.                 {% endif %}
  16.                 {% if(subtitle) %}
  17.                     {% block element_oo_cs_subtitle %}
  18.                         <p class="cs-card-content-subtitle">{{ subtitle|trans|sw_sanitize }}</p>
  19.                     {% endblock %}
  20.                 {% endif %}
  21.                 
  22.                 {% block element_oo_cs_column %}
  23.                     <div class="cs-card-content-options">
  24.                         {% if(showMail) %}
  25.                             {% block element_oo_cs_mail %}
  26.                                 <div class="cs-card-content-option">
  27.                                     <a href="{{ 'oo.element.customer_service.mail.link'|trans|sw_sanitize }}">
  28.                                         <div class="cs-card-content-option-title">
  29.                                             {{ 'oo.element.customer_service.mail.title'|trans|sw_sanitize }}
  30.                                         </div>
  31.                                         <div class="cs-card-content-option-description">
  32.                                             {{ 'oo.element.customer_service.mail.description'|trans|sw_sanitize }}
  33.                                         </div>
  34.                                     </a>
  35.                                 </div>
  36.                             {% endblock %}
  37.                         {% endif %}
  38.                         {% if(showPhone) %}
  39.                             {% block element_oo_cs_phone %}
  40.                                 <div class="cs-card-content-option">
  41.                                     <a href="{{ 'oo.element.customer_service.phone.link'|trans|sw_sanitize }}">
  42.                                         <div class="cs-card-content-option-title">
  43.                                             {{ 'oo.element.customer_service.phone.title'|trans|sw_sanitize }}
  44.                                         </div>
  45.                                         <div class="cs-card-content-option-description">
  46.                                             {{ 'oo.element.customer_service.phone.description'|trans|sw_sanitize }}
  47.                                         </div>
  48.                                     </a>
  49.                                 </div>
  50.                             {% endblock %}
  51.                         {% endif %}
  52.                         {% if(showWhatsapp) %}
  53.                             {% block element_oo_cs_whatsapp %}
  54.                                 <div class="cs-card-content-option">
  55.                                     <a href="{{ 'oo.element.customer_service.chat.link'|trans|sw_sanitize }}">
  56.                                         <div class="cs-card-content-option-title">
  57.                                             {{ 'oo.element.customer_service.chat.title'|trans|sw_sanitize }}
  58.                                         </div>
  59.                                         <div class="cs-card-content-option-description">
  60.                                             {{ 'oo.element.customer_service.chat.description'|trans|sw_sanitize }}
  61.                                         </div>
  62.                                     </a>
  63.                                 </div>
  64.                             {% endblock %}
  65.                         {% endif %}
  66.                         {% if(showFaq) %}
  67.                             {% block element_oo_cs_faq %}
  68.                                 <div class="cs-card-content-option">
  69.                                     <a href="{{ 'oo.element.customer_service.faq.link'|trans|sw_sanitize }}">
  70.                                         <div class="cs-card-content-option-title">
  71.                                             {{ 'oo.element.customer_service.faq.title'|trans|sw_sanitize }}
  72.                                         </div>
  73.                                         <div class="cs-card-content-option-description">
  74.                                             {{ 'oo.element.customer_service.faq.description'|trans|sw_sanitize }}
  75.                                         </div>
  76.                                     </a>
  77.                                 </div>
  78.                             {% endblock %}
  79.                         {% endif %}
  80.                     </div>
  81.                 {% endblock %}
  82.             </div>
  83.         {% endblock %}
  84.         {% block element_oo_cs_col1 %}
  85.             <div class="cs-card-image">
  86.                 {% block element_oo_cs_image %}
  87.                     {% set media = img_id ? searchMedia([img_id], context.context) : '' %}
  88.                     {% sw_thumbnails 'sibling-cover-thumbnails' with {
  89.                         media: media.first(),
  90.                         sizes: {
  91.                             'default': '125px'
  92.                         },
  93.                         attributes: {
  94.                             'style': 'width:100%;',
  95.                             'class': 'img-fluid',
  96.                             'alt': 'Service',
  97.                         }
  98.                     } %}
  99.                 {% endblock %}
  100.             </div>
  101.         {% endblock %}        
  102.     </div>
  103. {% endblock %}