erp-imprimelibros/src/main/resources/templates/imprimelibros/cart/_cartSummary.html

<div th:fragment="cartSummary(summary)" class="col-xl-4">
    <div class="sticky-side-div">
        <div class="card">
            <div class="card-header border-bottom-dashed">
                <h5 th:text="#{cart.resumen.title}" class="card-title mb-0"></h5>
            </div>
            <div class="card-body pt-2">
                <div class="table-responsive">
                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr>
                                <td><span th:text="#{cart.resumen.base}"></span></td>
                                <td class="text-end" id="base-cesta" th:text="${summary.base}"></td>
                            </tr>
                            <tr id="tr-iva-4">
                                <td><span th:text="#{cart.resumen.iva-4}"></span> : </td>
                                <td class="text-end" id="iva-4-cesta" th:text="${summary.iva4}"></td>
                            </tr>
                            <tr id="tr-iva-21">
                                <td><span th:text="#{cart.resumen.iva-21}"></span> : </td>
                                <td class="text-end" id="iva-21-cesta" th:text="${summary.iva21}"></td>
                            </tr>
                            <tr class="table-active">
                                <th><span th:text="#{cart.resumen.total}"></span>:</th>
                                <td class="text-end">
                                    <span id="total-cesta" class="fw-semibold" th:text="${summary.total}"></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <button type="button" class="btn btn-secondary w-100 mt-2" id="btn-checkout"
                        th:onclick="location.href='/checkout'" th:text="#{cart.resumen.tramitar}">Checkout</button>
                </div>
                <!-- end table-responsive -->
            </div>
        </div>

        <div class="alert border-dashed alert-danger" role="alert">
            <div class="d-flex align-items-center">
                <div class="ms-2">
                    <h5 class="fs-14 text-danger fw-semibold" th:text="#{cart.resumen.fidelizacion}"></h5>
                </div>
            </div>
        </div>
    </div>
    <!-- end stickey -->

</div>