</div>
			</div>
		<?php 
    }
    ?>
	<?php 
}
?>

	<hr class="hr--no-pointer tight">

	<div class="row iceberg">
		<div class="grid">
			<div class="three-seventh hide-on-mobile">
				<?php 
if (2 === get_checkout_step()) {
    ?>
					<a href="<?php 
    echo esc_url(url_shop_page());
    ?>
" class="link--naked"><?php 
    _e('&laquo; Continue shopping', 'yoastcom');
    ?>
</a>
				<?php 
}
?>
			</div>
			<div class="three-seventh small-four-fifth"><?php 
_e('Total', 'yoastcom');
?>
Example #2
0
<?php

/**
 * @package Yoast\YoastCom
 */
namespace Yoast\YoastCom\Theme;

$step = get_checkout_step();
?>
<div class="progress" id="steps-progress" data-step="<?php 
echo esc_attr($step);
?>
">
	<div class="row">
		<ol class="list--steps">
			<li>
				<?php 
if (1 !== $step) {
    ?>
<a href="<?php 
    echo esc_url(url_shop_page());
    ?>
"><?php 
}
?>
				<?php 
/* translators: Text between %1$s and %2$s is hidden on tablets, text between %3$s and %4$s is hidden on mobile. */
printf('%1$sChoose your %2$s%3$sproducts%4$s', '<span class="hide-on-tablet">', '</span>', '<span class="hide-on-mobile">', '</span>');
?>
				<?php 
if (1 !== $step) {