How is a customer's dropdown menu rendered in the Luma's header?

dmitry_fedyuk · March 10, 2016, 3:51am

magento/magento2/blob/487f5f45/app/design/frontend/Magento/luma/Magento_Customer/layout/default.xml#L10-L13


<referenceBlock name="header.links">
    <block class="Magento\Customer\Block\Account\Customer" name="customer" template="account/customer.phtml" before="-"/>
    <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link-login" template="account/link/authorization.phtml"/>
</referenceBlock>

The menu is shown only for the authenticated visitors:

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Customer/view/frontend/templates/account/customer.phtml#L10-L11


<?php if($block->customerLoggedIn()): ?>
<li class="customer-welcome">

Rendering of a customer’s name:

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Customer/view/frontend/templates/account/customer.phtml#L12-L26


<span class="customer-name"
      role="link"
      tabindex="0"
      data-mage-init='{"dropdown":{}}'
      data-toggle="dropdown"
      data-trigger-keypress-button="true"
      data-bind="scope: 'customer'">
    <span data-bind="text: customer().fullname"></span>
    <button type="button"
            class="action switch"
            tabindex="-1"
            data-action="customer-menu-toggle">
        <span><?php /* @escapeNotVerified */ echo __('Change')?></span>
    </button>
</span>

Loading the block’s javascript:

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Customer/view/frontend/templates/account/customer.phtml#L27-L39


<script type="text/x-magento-init">
{
    "*": {
        "Magento_Ui/js/core/app": {
            "components": {
                "customer": {
                    "component": "Magento_Customer/js/view/customer"
                }
            }
        }
    }
}
</script>

Rendering of the menu’s items:

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Customer/view/frontend/templates/account/customer.phtml#L40-L44


<?php if($block->getChildHtml()):?>
<div class="customer-menu" data-target="dropdown">
    <?php echo $block->getChildHtml();?>
</div>
<?php endif; ?>

How to add a menu item?

How is the «My Wish List» link rendered in a customer’s dropdown menu in the Luma’s header?

dmitry_fedyuk · March 10, 2016, 4:26am