How is the frontend checkout configuration passed to the client side (JavaScript)?

Development Checkout

dmitry_fedyuk (Dmitrii Fediuk) April 14, 2016, 5:44am 1

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/view/frontend/templates/onepage.phtml#L26-L26


window.checkoutConfig = <?php /* @escapeNotVerified */ echo \Zend_Json::encode($block->getCheckoutConfig()); ?>;

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/Block/Onepage.php#L83-L92


/**
 * Retrieve checkout configuration
 *
 * @return array
 * @codeCoverageIgnore
 */
public function getCheckoutConfig()
{
    return $this->configProvider->getConfig();
}

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/Block/Onepage.php#L29-L32


/**
 * @var \Magento\Checkout\Model\CompositeConfigProvider
 */
protected $configProvider;

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/Block/Onepage.php#L42-L42


* @param \Magento\Checkout\Model\CompositeConfigProvider $configProvider

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/Block/Onepage.php#L49-L49


\Magento\Checkout\Model\CompositeConfigProvider $configProvider,

Details: The standard checkout client-side configiration providers.

github.com

magento/magento2/blob/072a1ae/app/code/Magento/Checkout/Model/CompositeConfigProvider.php#L25-L35


/**
 * {@inheritdoc}
 */
public function getConfig()
{
    $config = [];
    foreach ($this->configProviders as $configProvider) {
        $config = array_merge_recursive($config, $configProvider->getConfig());
    }
    return $config;
}

An example of a particular configuration provider you can see in the article how does a payment method pass its configuration to the client side (JavaScript)?

The standard checkout client-side configiration providers

How to get the customer's data on the frontend checkout page's client side (with JavaScript)?

How to get the customer's data on the frontend checkout page's client side (with JavaScript) using the «window.customerData» object?

How does a payment method pass its configuration to the client side (JavaScript)?

dmitry_fedyuk (Dmitrii Fediuk) April 14, 2016, 5:46am 2

See also: