templates/Cart/list.html.twig line 1

Open in your IDE?
  1. {% extends 'cart.html.twig' %}
  2. {% block content %}
  3. <div class="breadcrumb-block">
  4.     <div class="container">
  5.       <!-- breadcrumb of the page -->
  6.       <ul class="breadcrumb">
  7.         <li><a href="/{{ locale }}/" class="home">{{ 'espirits.header.home'|trans }}</a></li>
  8.         <li>{{ 'espirits.delivery.product-file-list'|trans }}</li>
  9.       </ul>
  10.     </div>
  11. </div>
  12. <div class="row container">
  13.     <div class="col-xs-12">    
  14.         <div class="row">
  15.             <h1 class="page-heading-title">{{ 'espirits.delivery.product-file-list'|trans }}</h1>
  17.             {% if cart.getItems()|length == 0 %}
  18.                 {{ 'cart.empty'|trans }}
  19.             {% else %}
  20.                 <form method="post" action="{{ path('cart-update') }}">
  21.                     <div class="col-xs-12 button-bar top">
  22.                         <p class="product-count"><b>{{ 'cart.downloadlist'|trans }}: {{ cart.getItems()|length }}</b></p>
  23.                         <div class="pull-right">
  24.                             <a href="/{{ locale }}/product/" type="button" class="btn secondary">
  25.                                 {{ 'general.continue-shopping'|trans }}
  26.                             </a>
  27.                             <a id="js-checkout-button" href="{{ path('checkout') }}" class="btn primary">
  28.                                 {{ 'cart.checkoutnow'|trans }} <span class="glyphicon glyphicon-play"></span>
  29.                             </a>
  30.                         </div>
  31.                         <div class="clearfix"></div>
  32.                     </div>
  33.                     <div class="col-sm-12 section-wrap">
  34.                         <div class="row is-table-row">
  35.                             {% for item in cart.getItems() %}
  36.                                 
  37.                                     {% set linkDetail = item.getProduct().getDetailUrl() %}
  38.                                 
  39.                                     <div class="col-xs-6 col-sm-3 col-md-2 product-wrap">
  40.                                         <div class="product">
  41.                                             <div class="inside">
  42.                                                 <a href="{{ linkDetail }}">
  43.                                                     <div class="product-image">
  44.                                                         <img src="{{ item.getProduct().getFirstImage('downloadList', country) }}">
  45.                                                     </div>
  46.                                                     <div class="product-details">
  47.                                                         <h4 class="media-heading"><a href="{{ linkDetail }}">{{ item.getProduct().getOSName() }}</a></h4>
  48.                                                     </div>
  49.                                                 </a>
  50.                                                 <a class="btn close-button" href="{{ path('shop-remove-from-cart',{'item': item.getItemKey()}) }}">
  51.                                                     <span>&#x2573;</span>
  52.                                                 </a>
  53.                                             </div>
  54.                                         </div>
  55.                                     </div>
  56.                                 {% endfor %}
  57.                         </div>
  58.                     </div>
  59.                     <div class="col-sm-12 button-bar bottom">
  60.                         <div class="pull-right">
  61.                             <a href="/{{ locale }}/product/" type="button" class="btn secondary">
  62.                                 {{ 'general.continue-shopping'|trans }}
  63.                             </a>
  64.                             <a id="js-checkout-button" href="{{ path('checkout') }}" class="btn primary">
  65.                                 {{ 'cart.checkoutnow'|trans }} <span class="glyphicon glyphicon-play"></span>
  66.                             </a>
  67.                         </div>
  68.                         <div class="clearfix"></div>
  69.                     </div>
  70.                 </form>
  72.             {% endif %}
  73.         </div>
  74.     </div>
  75. </div>
  78.     <script>
  79.         $(document).ready(function(){
  80.             $('.js-quantity').on('change', function() {
  81.                 $('#js-update-button').removeClass('hidden');
  82.                 $('#js-checkout-button').hide();
  83.             });
  84.         });
  85.     </script>
  86. {% endblock %}