templates/bundles/SyliusShopBundle/Checkout/_steps.html.twig line 1

Open in your IDE?
  1. {% if order  is not defined %}
  2.     {% set steps = {'cart' : 'active', 'address': 'disabled', 'select_shipping': 'disabled', 'select_payment': 'disabled', 'complete': 'disabled'} %}
  3. {% elseif active is not defined or active == 'address' %}
  4.     {% set steps = {'cart' : 'completed', 'address': 'active', 'select_shipping': 'disabled', 'select_payment': 'disabled', 'complete': 'disabled'} %}
  5. {% elseif active == 'select_shipping' %}
  6.     {% set steps = {'cart' : 'completed','address': 'completed', 'select_shipping': 'active', 'select_payment': 'disabled', 'complete': 'disabled'} %}
  7. {% elseif active == 'select_payment' %}
  8.     {% set steps = {'cart' : 'completed','address': 'completed', 'select_shipping': 'completed', 'select_payment': 'active', 'complete': 'disabled'} %}
  9. {% else %}
  10.     {% set steps = {'cart' : 'completed', 'address': 'completed', 'select_shipping': 'completed', 'select_payment': 'completed', 'complete': 'active'} %}
  11. {% endif %}
  13. {% if order  is defined %}
  14.     {% set steps_count = 'four' %}
  15.     {% set order_requires_payment = false %}
  16.     {% set order_requires_shipping = true %}
  17. {% else  %}    
  18.     {% set steps_count = 'four' %}
  19.     {% set order_requires_payment = false %}
  20.     {% set order_requires_shipping = true %}
  21. {% endif %}
  23. <div class="ui {{ steps_count }} steps">
  24.     <a class="{{ steps['cart'] }} completed step" href="{{ path('sylius_shop_cart_summary') }}" {{ sylius_test_html_attribute('step-cart') }}>
  25.         <i class="fas fa-check"></i>
  26.         <div class="content">
  27.             <div class="title">{{ 'sylius.ui.cart'|trans }}</div>
  28.             <div class="description">{{ 'sylius.ui.cart_description'|trans }}</div>
  29.         </div>
  30.     </a>
  31.     <a class="{{ steps['address'] }} step" href="{{ path('sylius_shop_checkout_address') }}" {{ sylius_test_html_attribute('step-address') }}>
  32.         <i class="fas fa-check"></i>
  33.         <div class="content">
  34.             <div class="title">{{ 'sylius.ui.address'|trans }}</div>
  35.             <div class="description">{{ 'sylius.ui.fill_in_your_billing_and_shipping_addresses'|trans }}</div>
  36.         </div>
  37.     </a>
  38.     {% if order_requires_shipping %}
  39.     <a class="{{ steps['select_shipping'] }} step" href="{{ path('sylius_shop_checkout_select_shipping') }}" {{ sylius_test_html_attribute('step-shipping') }}>
  40.         <i class="fas fa-check"></i>
  41.         <div class="content">
  42.             <div class="title">{{ 'sylius.ui.shipping'|trans }}</div>
  43.             <div class="description">{{ 'sylius.ui.choose_how_your_goods_will_be_delivered'|trans }}</div>
  44.         </div>
  45.     </a>
  46.     {% endif %}
  47.     {% if order_requires_payment %}
  48.     <a class="{{ steps['select_payment'] }} step" href="{{ path('sylius_shop_checkout_select_payment') }}" {{ sylius_test_html_attribute('step-payment') }}>
  49.         <i class="fas fa-check"></i>
  50.         <div class="content">
  51.             <div class="title">{{ 'sylius.ui.payment'|trans }}</div>
  52.             <div class="description">{{ 'sylius.ui.choose_how_you_will_pay'|trans }}</div>
  53.         </div>
  54.     </a>
  55.     {% endif %}
  56.     <div class="{{ steps['complete'] }} step" href="{{ path('sylius_shop_checkout_complete') }}">
  57.         <i class="fas fa-check"></i>
  58.         <div class="content">
  59.             <div class="title">{{ 'sylius.ui.complete'|trans }}</div>
  60.             <div class="description">{{ 'sylius.ui.review_and_confirm_your_order'|trans }}</div>
  61.         </div>
  62.     </div>
  63. </div>