custom/plugins/SsikLibertyTheme/src/Resources/views/storefront/ssik/usp-bar.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: 1
  18.                 },
  19.                 md: {
  20.                     enabled: true,
  21.                     items: 1
  22.                 },
  23.                 lg: {
  24.                     enabled: false,
  25.                 },
  26.                 xl: {
  27.                     enabled: false,
  28.                 }
  29.             }
  30.         }
  31.     } 
  32. %}
  34. {% set uspbaricon1 = config('SsikLibertyTheme.config.uspbaricon1') %}
  35. {% set uspbaricon2 = config('SsikLibertyTheme.config.uspbaricon2') %}
  36. {% set uspbaricon3 = config('SsikLibertyTheme.config.uspbaricon3') %}
  37. {% set uspbaricon4 = config('SsikLibertyTheme.config.uspbaricon4') %}
  39. <div class="section-usp-bar" data-usp-bar-slider="true"
  40.     data-usp-bar-slider-options="{{ uspBarSliderOptions|json_encode }}">
  41.     <div class="container">
  42.         <div class="row">
  43.             <div class="col-12">
  44.                 <div class="usp-bar-controls" data-usp-bar-slider-controls="true">
  45.                     <button class="btn-ctrl prev" aria-label="prev">prev</button>
  46.                     <button class="btn-ctrl next" aria-label="next">next</button>
  47.                 </div>
  48.                 <div class="usp-bar" data-usp-bar-slider-container="true">
  49.                     <div class="usp-bar-item">
  50.                         <div class="usp-bar-item-icon">
  51.                             <i class="icon {% if uspbaricon1 is not empty  %} {{uspbaricon1}} {% else %} fas fa-truck {% endif %}"></i>
  52.                         </div>
  53.                         <div class="usp-bar-item-text">{{ "ssik.header.usp.usp1"|trans|sw_sanitize }}</div>
  54.                     </div>
  55.                     <div class="usp-bar-item">
  56.                         <div class="usp-bar-item-icon">
  57.                             <i class="icon {% if uspbaricon2 is not empty  %} {{uspbaricon2}} {% else %} fas fa-undo-alt {% endif %}"></i>
  58.                         </div>
  59.                         <div class="usp-bar-item-text">{{ "ssik.header.usp.usp2"|trans|sw_sanitize }}</div>
  60.                     </div>
  61.                     <div class="usp-bar-item">
  62.                         <div class="usp-bar-item-icon">
  63.                             <i class="icon {% if uspbaricon3 is not empty  %} {{uspbaricon3}} {% else %} fas fa-hands-helping {% endif %}"></i>
  64.                         </div>
  65.                         <div class="usp-bar-item-text">{{ "ssik.header.usp.usp3"|trans|sw_sanitize }}</div>
  66.                     </div>
  67.                     <div class="usp-bar-item">
  68.                         <div class="usp-bar-item-icon">
  69.                             <i class="icon {% if uspbaricon4 is not empty  %} {{uspbaricon4}} {% else %} fab fa-expeditedssl {% endif %}"></i>
  70.                         </div>
  71.                         <div class="usp-bar-item-text">{{ "ssik.header.usp.usp4"|trans|sw_sanitize }}</div>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </div>
  77. </div>