Magento 2: Изменение заголовка мини-карты


У меня есть кнопка в заголовке мини-корзины с заголовком - "перейти к оформлению заказа". Эта кнопка в настоящее время ссылается на оформление заказа (, что правильно ), однако мне нужно изменить эту ссылку на страницу корзины (а не на оформление заказа).

<button
    id="top-cart-btn-checkout"
    type="button"
    class="action primary checkout"
    data-bind="attr: {title: $t('Go to Checkout')}">
    <!-- ko i18n: 'Go to Checkout' --><!-- /ko -->
</button>

Расположение файла:

Vender/theme/Magento_Checkout/web/template/minicart/content.html

Очевидно, что он построен и управляется с помощью knockoutjs, поэтому я заглянул внутрь:

Vender/theme/Magento_Checkout/web/js/view/minicart.js

Кажется, что внутри есть функция, называемая Initsidebar, которая вызывает мини-карту . боковая панель, однако я не вижу, где она генерирует URL-адрес для кнопки, чтобы перейти к оформлению заказа.

Есть какая-нибудь помощь?

Author: Dhiren Vasoya, 2017-01-26

2 answers

Сделайте это ссылкой, а не кнопкой:

<a class="action viewcart" data-bind="attr: {title: $t('Checkout'), href: shoppingCartUrl}">
    <span><!-- ko i18n: 'Checkout' --><!-- /ko --></span>
</a>

Возможно, вам потребуется изменить стиль после внесения этого изменения.

 3
Author: tommypyatt, 2017-04-25 10:47:57

В вашей пользовательской теме сначала вам нужно переопределить файл content.html, например

vendor\magento\module-checkout\view\frontend\web\template\minicart\content.html

До

app\design\frontend\[Your Theme]\Magento_Checkout\web\template\minicart\content.html

Замените приведенный выше код, который находится на круглой строке № 50.

<button
    id="top-cart-btn-checkout"
    type="button"
    class="action primary checkout"
    data-bind="attr: {title: $t('Go to Checkout')}">
    <!-- ko i18n: 'Go to Checkout' --><!-- /ko -->
</button>

С

<button
        id="top-cart-btn-checkout"
        type="button"
        class="action primary checkout"
        data-bind="attr: {href: shoppingCartUrl}">
        <!-- ko i18n: 'Go to Checkout' --><!-- /ko -->
</button>

Теперь там будет отображаться ссылка на просмотр корзины.

 0
Author: Dhiren Vasoya, 2017-01-26 11:08:33