modules/XC/CrispWhiteSkin/templates/web/customer/items_list/product/parts/common.display-modes.twig line 1

Open in your IDE?
  1. {##
  2.  # Products list display mode selector
  3.  #}
  5. {% set currentDisplayMode = this.getParam('displayMode') %}
  7. {% if this.isDisplayModeSelectorVisible() %}
  8.   <div class="display-mode-box">
  9.     <div>
  10.       <span class="display-mode-value">
  11.         <i class="fa {{ this.getDisplayModeCSS(currentDisplayMode) }}" aria-hidden="true"></i>
  12.         <span class="visually-hidden">
  13.           {% for key, name in this.displayModes %}
  14.             {% if key == currentDisplayMode %}
  15.               {{ t('Current display mode: {{mode}}', {'mode': t(name)}) }}
  16.             {% endif %}
  17.           {% endfor %}
  18.         </span>
  19.       </span>
  20.     </div>
  22.     <ul class="display-modes grid-list">
  23.       {% for key, name in this.displayModes %}
  24.         <li class="{{ this.getDisplayModeLinkClassName(key) }}">
  25.           <a href="{{ this.getActionURL({'displayMode': key}) }}" class="{{ key }}">
  26.             <i class="{{ this.getDisplayModeCSS(key) }}" aria-hidden="true"></i>
  27.             <span class="text">{{ t(name) }}</span>
  28.           </a>
  29.         </li>
  30.       {% endfor %}
  31.     </ul>
  32.   </div>
  33. {% endif %}