Как добавить пользовательский блок на страницу оформления заказа/корзины в magento2?
Я пытаюсь создать пользовательский блок на странице оформления заказа/корзины, чтобы показать обратный отсчет до бесплатной доставки. Однако я продолжаю получать недопустимый тип блока в качестве ошибки.
Checkout_cart_index.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="checkout.cart.totals.container">
<block type="checkout/cart" class="Miles\FreeShippingCountOnPage\Block\Checkout\Cart\Countdown" name="checkout.cart.miles.countdown" after="-" template="Vendor_Module::checkout/cart/countdown.phtml"/>
</referenceContainer>
</body>
</page>
Поставщик\Модуль\просмотр\интерфейс\шаблоны\оформление заказа\корзина\обратный отсчет.phtml
<span><?php
$_item = $block->getItem();
$product = $_item->getProduct();
$additional_data = $block->getAdditionalData();
?>
<div>
<span><?php echo $additional_data?></span>
</div>
?></span>
Vendor\Module\Block\Checkout\Cart\Countdown.php
<?php
namespace Vendor\Module\Block\Checkout\Cart;
class Countdown extends \Magento\Framework\View\Element\Template
{
public function __construct(
\Magento\Framework\View\Element\Template\Context $context,
array $data = []
) {
parent::__construct($context, $data);
}
}
ОБНОВЛЕНИЕ
Я нашел html-файл, который выглядит так на самом деле создайте область, в которой мне нужно добавить информацию, расположенную в пути ниже, которую я пытаюсь использовать/переопределить
\vendor\magento\module-tax\view\frontend\web\template\checkout\summary\subtotal.html
<!--
/**
* Copyright © 2016 Magento. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<!-- ko if: isBothPricesDisplayed() -->
<tr class="totals sub excl">
<th class="mark" scope="row">
<span data-bind="text: title"></span>
<span data-bind="text: excludingTaxMessage"></span>
</th>
<td class="amount">
<span class="price" data-bind="text: getValue(), attr: {'data-th': excludingTaxMessage}"></span>
</td>
</tr>
<tr class="totals sub incl">
<th class="mark" scope="row">
<span data-bind="text: title"></span>
<span data-bind="text: includingTaxMessage"></span>
</th>
<td class="amount">
<span class="price" data-bind="text: getValueInclTax(), attr: {'data-th': includingTaxMessage}"></span>
</td>
</tr>
<!-- /ko -->
<!-- ko if: !isBothPricesDisplayed() && isIncludingTaxDisplayed() -->
<tr class="totals sub">
<th data-bind="text: title" class="mark" scope="row"></th>
<td class="amount">
<span class="price" data-bind="text: getValueInclTax(), attr: {'data-th': title}"></span>
</td>
</tr>
<!-- /ko -->
<!-- ko if: !isBothPricesDisplayed() && !isIncludingTaxDisplayed() -->
<tr class="totals sub">
<th data-bind="text: title" class="mark" scope="row"></th>
<td class="amount">
<span class="price" data-bind="text: getValue(), attr: {'data-th': title}"></span><br/>
<!-- ko if: getValue() >= 50 -->
<div data-bind="text: 'This order qualifies for free shipping!'"></div>
<!-- /ko -->
<!-- ko ifnot: getValue() >= 50 -->
<div data-bind="text: getValue(), html: 'You have $' + (50.00 - getValue()) + ' left until free shipping!'"></div>
<!-- /ko -->
</td>
</tr>
<!-- /ko -->
Любая помощь будет очень признательна и заранее благодарна!
2 answers
Вам нужно добавить класс вашего блока.Попробуйте использовать код ниже
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceContainer name="checkout.cart.totals.container">
<block class="Miles\FreeShippingCountOnPage\Block\Checkout\Cart\Countdown" name="checkout.cart.miles.countdown" after="-" template="Vendor_Module::checkout/cart/countdown.phtml"/>
</referenceContainer>
</body>
</page>
На самом деле я только что понял это. Мне пришлось обновить строки в инструкции if ifnot следующим образом:
<span class="price" data-bind="text: getValue(), attr: {'data-th': title}"></span><br/>
<!-- ko if: totals().subtotal >= 50 -->
<div data-bind="text: 'This order qualifies for free shipping!'"></div>
<!-- /ko -->
<!-- ko ifnot: totals().subtotal >= 50 -->
<div data-bind="html: 'You have $' + (50.00 - totals().subtotal) + ' left until free shipping!'"></div>
<!-- /ko -->
Мне просто нужны были правильные параметры/функции и переменные.