custom/plugins/SsikLibertyTheme/src/Resources/views/storefront/ssik/usp-footer.html.twig line 1

Open in your IDE?
  2. {% set uspBarSliderOptions = {
  3.         slider: {
  4.             gutter: 0,
  5.             autoplayButtonOutput: false,
  6.             nav: false,
  7.             mouseDrag: false,
  8.             controls: true,
  9.             autoplay: false,
  10.             responsive: {
  11.                 xs: {
  12.                     enabled: true,
  13.                     items: 1
  14.                 },
  15.                 sm: {
  16.                     enabled: true,
  17.                     items: 2
  18.                 },
  19.                 md: {
  20.                     enabled: true,
  21.                     items: 3
  22.                 },
  23.                 lg: {
  24.                     enabled: false,
  25.                 },
  26.                 xl: {
  27.                     enabled: false,
  28.                 }
  29.             }
  30.         }
  31.     } 
  32. %}
  34. {% set uspfooterbaricon1 = config('SsikLibertyTheme.config.uspfooterbaricon1') %}
  35. {% set uspfooterbaricon2 = config('SsikLibertyTheme.config.uspfooterbaricon2') %}
  36. {% set uspfooterbaricon3 = config('SsikLibertyTheme.config.uspfooterbaricon3') %}
  37. {% set uspfooterbaricon4 = config('SsikLibertyTheme.config.uspfooterbaricon4') %}
  38. {% set uspfooterbaricon5 = config('SsikLibertyTheme.config.uspfooterbaricon5') %}
  40. <div class="section-usp-footer-bar" data-usp-bar-slider="true"
  41.     data-usp-bar-slider-options="{{ uspBarSliderOptions|json_encode }}">
  42.     <div class="container">
  43.         <div class="row">
  44.             <div class="col-12">
  45.                 <div class="usp-footer-bar-controls" data-usp-bar-slider-controls="true">
  46.                     <button class="btn-ctrl prev" aria-label="prev">prev</button>
  47.                     <button class="btn-ctrl next" aria-label="next">next</button>
  48.                 </div>
  49.                 <div class="usp-footer-bar-title">{{ "ssik.footer.usp.title"|trans|sw_sanitize }}</div>
  50.                 <div class="usp-footer-bar" data-usp-bar-slider-container="true">
  51.                     <div class="usp-footer-bar-item">
  52.                         <div class="usp-footer-bar-item-icon">
  53.                             <i class="icon {% if  uspfooterbaricon1 is not empty  %} {{ uspfooterbaricon1}} {% else %} fas fa-star {% endif %}"></i>
  54.                         </div>
  55.                         <div class="usp-footer-bar-item-text">{{ "ssik.footer.usp.item1.text"|trans|sw_sanitize }}</div>
  56.                         <div class="usp-footer-bar-item-desc">{{ "ssik.footer.usp.item1.desc"|trans|sw_sanitize }}</div>
  57.                         
  58.                     </div>
  59.                     <div class="usp-footer-bar-item">
  60.                         <div class="usp-footer-bar-item-icon">
  61.                             <i class="icon {% if  uspfooterbaricon2 is not empty  %} {{ uspfooterbaricon2}} {% else %} fas fa-warehouse {% endif %}"></i>
  62.                         </div>
  63.                         <div class="usp-footer-bar-item-text">{{ "ssik.footer.usp.item2.text"|trans|sw_sanitize }}</div>
  64.                         <div class="usp-footer-bar-item-desc">{{ "ssik.footer.usp.item2.desc"|trans|sw_sanitize }}</div>
  65.                     </div>
  66.                     <div class="usp-footer-bar-item">
  67.                         <div class="usp-footer-bar-item-icon">
  68.                             <i class="icon {% if  uspfooterbaricon3 is not empty  %} {{ uspfooterbaricon3}} {% else %} fas fa-shipping-fast {% endif %}"></i>
  69.                         </div>
  70.                         <div class="usp-footer-bar-item-text">{{ "ssik.footer.usp.item3.text"|trans|sw_sanitize }}</div>
  71.                         <div class="usp-footer-bar-item-desc">{{ "ssik.footer.usp.item3.desc"|trans|sw_sanitize }}</div>
  72.                     </div>
  73.                     <div class="usp-footer-bar-item">
  74.                         <div class="usp-footer-bar-item-icon">
  75.                             <i class="icon {% if  uspfooterbaricon4 is not empty  %} {{ uspfooterbaricon4}} {% else %} fab fa-expeditedssl {% endif %}"></i>
  76.                         </div>
  77.                         <div class="usp-footer-bar-item-text">{{ "ssik.footer.usp.item4.text"|trans|sw_sanitize }}</div>
  78.                         <div class="usp-footer-bar-item-desc">{{ "ssik.footer.usp.item4.desc"|trans|sw_sanitize }}</div>
  79.                     </div>
  80.                     <div class="usp-footer-bar-item">
  81.                         <div class="usp-footer-bar-item-icon">
  82.                             <i class="icon {% if  uspfooterbaricon5 is not empty  %} {{ uspfooterbaricon5}} {% else %} fas fa-hands-helping {% endif %}"></i>
  83.                         </div>
  84.                         <div class="usp-footer-bar-item-text">{{ "ssik.footer.usp.item5.text"|trans|sw_sanitize }}</div>
  85.                         <div class="usp-footer-bar-item-desc">{{ "ssik.footer.usp.item5.desc"|trans|sw_sanitize }}</div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>