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:05am

Originally, the Magento_Wishlist module adds the link to the top.links block:

magento/magento2/blob/487f5f45/app/code/Magento/Wishlist/view/frontend/layout/default.xml#L13-L15


<referenceBlock name="top.links">
    <block class="Magento\Wishlist\Block\Link" name="wish-list-link" after="my-account-link"/>
</referenceBlock>

The Luma design theme moves the top.links block inside the customer block:

github.com

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


<move element="top.links" destination="customer"/>

So the wish-list-link block becomes a menu item:

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; ?>

See how is a customer’s dropdown menu rendered in the Luma header?

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Wishlist/view/frontend/templates/link.phtml#L11-L31


<li class="link wishlist" data-bind="scope: 'wishlist'">
<a <?php /* @escapeNotVerified */ echo $block->getLinkAttributes() ?>><?php echo $block->escapeHtml($block->getLabel()) ?>
    <!-- ko if: wishlist().counter -->
    <span data-bind="text: wishlist().counter" class="counter qty"></span>
    <!-- /ko -->
</a>
</li>
<script type="text/x-magento-init">
{
    "*": {
        "Magento_Ui/js/core/app": {
            "components": {
                "wishlist": {
                    "component": "Magento_Wishlist/js/view/wishlist"
                }
            }
        }
    }
}


</script>

github.com

magento/magento2/blob/487f5f45/app/code/Magento/Wishlist/Block/Link.php#L64-L70


/**
 * @return \Magento\Framework\Phrase
 */
public function getLabel()
{
    return __('My Wish List');
}

dmitry_fedyuk · March 10, 2016, 4:29am