チェックアウト構成に追加することにより、KOテンプレートでcmsブロックメッセージを使用できるようにするモジュールを作成できます。
ではYour/Module/etc/frontend/di.xml
、私たちのチェックアウトの設定に新しい設定プロバイダーを追加します。
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<type name="Magento\Checkout\Model\CompositeConfigProvider">
<arguments>
<argument name="configProviders" xsi:type="array">
<item name="cms_block_config_provider" xsi:type="object">Your\Module\Model\ConfigProvider</item>
</argument>
</arguments>
</type>
</config>
ではYour/Module/Model/ConfigProvider.php
、私たちのCMSブロックのHTMLをフェッチコードを持っています:
<?php
namespace Your\Module\Model;
use Magento\Checkout\Model\ConfigProviderInterface;
use Magento\Framework\View\LayoutInterface;
class ConfigProvider implements ConfigProviderInterface
{
/** @var LayoutInterface */
protected $_layout;
public function __construct(LayoutInterface $layout)
{
$this->_layout = $layout;
}
public function getConfig()
{
$cmsBlockId = 1; // id of cms block to use
return [
'cms_block_message' => $this->_layout->createBlock('Magento\Cms\Block\Block')->setBlockId($cmsBlockId)->toHtml()
];
}
}
次に、テーマのshipping.html KOテンプレートを上書きして、cmsブロックを次のように表示する必要があります。
<div data-bind="html: window.checkoutConfig.cms_block_message"></div>
注:静的ブロックで二重引用符を含むhtmlタグ(html aタグなど)を使用する場合は、二重引用符をバックスラッシュでエスケープする必要があります。例えば:
Accept our <a target=\"_blank\" href=\"/privacy-policy\">privacy policy</a>