commerce-checkout-progress.html.twig in Commerce Core 8.2

Default theme implementation for the checkout progress.

Available variables:

• steps: An array of steps, where each step has the following keys:
  • id: The step ID.
  • label: The step label.
  • position: 'previous', 'current' or 'next'.

1 theme call to commerce-checkout-progress.html.twig

CheckoutProgressBlock::build in modules/checkout/src/Plugin/Block/CheckoutProgressBlock.php

Builds the checkout progress block.

File

modules/checkout/templates/commerce-checkout-progress.html.twig

{#
/**
 * @file
 * Default theme implementation for the checkout progress.
 *
 * Available variables:
 * - steps: An array of steps, where each step has the following keys:
 *   - id: The step ID.
 *   - label: The step label.
 *   - position: 'previous', 'current' or 'next'.
 *
 * @ingroup themeable
 */
#}
<ol class="checkout-progress clearfix">
  {% for step in steps %}
    <li class="checkout-progress--step checkout-progress--step__{{ step.position }}">{{ step.label }}</li>
  {% endfor %}
</ol>