Language

[PatrikRindlisbacher]

[PatrikRindlisbacher]

[PatrikRindlisbacher]

			'productTitle'        => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_TITLE'),
			'productCount'        => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_COUNT'),
			'productPrice'        => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_PRICE'),
			'productSumm'         => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_SUMM'),
			'productTotal'        => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_TOTAL'),
			'productDelete'       => Text::_('PLG_CONTENT_CONTENTCART_PRODUCT_DELETE'),

[PatrikRindlisbacher]

[PatrikRindlisbacher]

function renderCartTable(cart, container, options) {
const cartData = cart.getCart();
const using_price = options.currency && options.currency.length > 0;

        let html = '<p>' + (texts.itemsFromBrowser || 'Items loaded from your browser') + '</p>';
        html += '<table style="width:100%;"><thead><tr>';
        html += '<th>№</th><th>' + (texts.productTitle || 'Product') + '</th><th>' + (texts.productCount || 'Quantity') + '</th>';

        if (using_price) {
            html += '<th>' + (texts.productPrice || 'Price') + '</th><th>' + (texts.productSumm || 'Subtotal') + '</th>';
        }

        html += '<th></th></tr></thead><tbody>';

        let total = 0;

        cartData.items.forEach(function(item, index) {
            const itemSum = item.price * item.count;
            total += itemSum;

            html += '<tr class="order_item">';
            html += '<td>' + (index + 1) + '</td>';
            html += '<td><a href="' + item.link + '">' + item.title + '</a></td>';
            html += '<td><input class="jlcc-input jlcc-count jlcc-item-count-js" type="number" data-article-id="' + item.id + '" max="999" min="1" value="' + item.count + '" /></td>';

            if (using_price) {
                html += '<td>' + item.price.toFixed(2) + ' ' + options.currency + '</td>';
                html += '<td class="item-sum-js" data-article-id="' + item.id + '">' + itemSum.toFixed(2) + ' ' + options.currency + '</td>';
            }

            html += '<td><a href="#" class="jlcc-remove-item-js" data-article-id="' + item.id + '">' + (texts.productDelete || 'Remove') + '</a></td>';
            html += '</tr>';
        });

        if (using_price) {
            html += '<tr class="order_total">';
            html += '<td colspan="4" style="text-align:right;"><b>' + (texts.productTotal || 'Total') + ':&nbsp;</b></td>';
            html += '<td>' + total.toFixed(2) + ' ' + options.currency + '</td>';
            html += '<td></td>';
            html += '</tr>';
        }

        html += '</tbody></table>';
        html += '<p><em>' + (texts.syncNote || 'Note: refresh the page before submitting the order to synchronize cart data.') + '</em></p>';
        container.innerHTML = html;

        // Добавить обработчики изменения количества
        container.querySelectorAll('.jlcc-item-count-js').forEach(function(input) {
            input.addEventListener('change', function(e) {
                const articleId = parseInt(this.dataset.articleId);
                const newCount = parseInt(this.value);

                if (newCount > 0 && newCount <= 999) {
                    // Обновить количество в localStorage
                    const updated = cart.updateCount(articleId, newCount);

                    if (updated) {
                        // Обновить сумму по строке
                        const cartData = cart.getCart();
                        const item = cartData.items.find(i => i.id === articleId);
                        if (item) {
                            const itemSum = item.price * newCount;
                            const sumCell = container.querySelector('.item-sum-js[data-article-id="' + articleId + '"]');
                            if (sumCell) {
                                sumCell.textContent = itemSum.toFixed(2) + ' ' + options.currency;
                            }
                        }

                        // Обновить итоговую сумму
                        let total = 0;
                        cartData.items.forEach(function(item) {
                            total += item.price * item.count;
                        });
                        const totalCell = container.parentElement.querySelector('.order_total td:nth-child(2)');
                        if (totalCell) {
                            totalCell.textContent = total.toFixed(2) + ' ' + options.currency;
                        }
                    }
                } else {
                    // Вернуть предыдущее значение
                    const cartData = cart.getCart();
                    const item = cartData.items.find(i => i.id === articleId);
                    if (item) {
                        this.value = item.count;
                    }
                }
            });
        });

[PatrikRindlisbacher]

FORK
https://github.com/PatrikRindlisbacher/contentcart_test

:-)