We created a custom section (for local storage) to store some data that we need for the customer. We can see that our data is being populated in our section of the local storage, however we are having an issue retrieving the data via Knockout. This issue only occurs on the home page (cms/index/index), everywhere else the local storage data is readily available. We can retrieve other sections from local storage on the home page, just not our section. We have gone through everything we can but can't find the reason for the issue, so we are here to get some ideas.
We are running Magento EE 2.1.12.
We created a custom module for the section that consists of 3 files (not including etc/module.xml, composer.json or registration.php).
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\Customer\CustomerData\SectionPoolInterface">
<arguments>
<argument name="sectionSourceMap" xsi:type="array">
<item name="customsection" xsi:type="string">Company\Module\CustomerData\CustomSection</item>
</argument>
</arguments>
</type>
</config>Section.php
<?php
namespace Company\Module\CustomerData;
use Company\Module\Helper\Data as CustomerHelper;
use Magento\Customer\Helper\Session\CurrentCustomer;
class CustomSection implements SectionSourceInterface
{
/** @var CurrentCustomer */
protected $_currentCustomer;
/** @var CustomerHelper */
protected $_customerHelper;
public function __construct(
CurrentCustomer $currentCustomer,
CustomerHelper $customerHelper
) {
$this->_currentCustomer = $currentCustomer;
$this->_customerHelper = $customerHelper;
}
public function getSectionData()
{
$result = [];
if ($this->_currentCustomer->getCustomerId()):
$result = [
'legacy_account_number' => $this->_customerHelper->getLegacyAccountNumber();
];
endif;
return $result;
}
}view/frontend/web/js/view/customsection.js
define([
'uiComponent',
'Magento_Customer/js/customer-data'
], function (Component, customerData) {
'use strict';
return Component.extend({
/** @inheritdoc */
initialize: function () {
this._super();
this.customsection = customerData.get('customsection');
}
});
});Example of use:
<!-- ko scope: 'customsection' -->
<!-- ko if: customsection().legacy_account_number > 0 -->
<div>... special stuff for legacy account holders ...</div>
<!-- /ko -->
<!-- /ko -->
<script type="text/x-magento-init">
{
"*": {
"Magento_Ui/js/core/app": {
"components": {
"customsection": {
"component": "Company_Module/js/view/customsection"
}
}
}
}
}
</script>This is the base of our code in question, everything works fine with this code except on the home page. Any suggestions or advice would be greatly appreciated.
