Bueno, después de un tiempo leyendo este post y algún otro por ahí, voy a comentar lo que he acabado haciendo yo para que se muestre todo correctamente.
Antes de nada, daros las gracias a todos los que habéis dado soluciones en el post, hubiera sido imposible sin toda la info que habéis regalado.
- Fichero cart-summary-totals.tpl (copio y pego cómo se queda el fichero completo):
<div class="card-block cart-summary-totals">
{block name='cart_summary_total'}
<div class="cart-summary-line cart-total">
<tr><span class="label">{$cart.totals.total.label} {$cart.labels.tax_short}</span></tr>
<tr><span class="value">{$cart.totals.total.value}</span></tr>
</div>
<div class="cart-summary-line cart-total-tax-incluidas">
<span class="label-2">Total (Impuestos incluidos)</span>
<span class="value-2">{$cart.totals.total.amount + $cart.subtotals.tax.amount|number_format:2:",":"."} {$currency.sign}</span>
</div>
{/block}
{block name='cart_summary_tax'}
{if $cart.subtotals.tax}
<div class="cart-summary-line">
<span class="label sub">{l s='%label%:' sprintf=['%label%' => $cart.subtotals.tax.label] d='Shop.Theme.Global'}</span>
<span class="value sub">{$cart.subtotals.tax.value}</span>
</div>
{/if}
{/block}
</div>
-------------------------------------------------------------------------------------------------
*NOTA: Como podéis ver, he añadido los <tr> para alinearlo correctamente. También he cambiado el nombre de las clases a "label-2" y "value-2" para poder aplicarle estilos posteriormente. Para el tema de la coma como separación de decimales y forzar los 2 dígitos en decimales también he usado la solución del compañero: (|number_format:2:",":".")
- Fichero cart-summary-totals.tpl (copio y pego cómo se queda la parte que nos interesa cambiar):
<td><span class="text-uppercase">{$totals.total.label} {$labels.tax_short}</span></td>
<td>{$totals.total.value}</td>
</tr>
<tr class="total-value font-weight-bold">
{** <td><span class="text-uppercase">{$totals.total.label}</span> {$labels.tax_short}</td> *}
{** <td>{$totals.total.value}</td> *}
<td><span>TOTAL (IVA incl.)</span></td>
<td><span>{$totals.total.amount + $subtotals.tax.amount} {$currency.sign}</span></td>
</tr>
--------------------------------------------------------------------------------------------------
* Por otro lado, para remarcar el total y solucionar la alineación del total a la derecha, he agregado las siguientes líneas al custom.css:
.cart-summary-line.cart-total-tax-incluidas {
background: #00789c;
padding: 2px 0px 2px 0px;
color: #ffffff;
margin-bottom: 5px;
font-size: 14px;
}
span.value-2 {
font-size: 17px;
float: right;
}
span.label.sub {
position: relative;
top: 5px;
}
Y bueno, eso es todo, así es como queda:
No es lo más bonito del mundo, pero creo que queda bastante claro a primera vista, que es lo importante.
Gracias a todos por compartir vuestra sabiduría!!
