frontend-developer-1

Layout XML in Themes
For the example below, we will look at the following URL: https://yoursite.test/
customer/account. When browsing here, the tag contains the following
classes: account customer-account-index page-layout-2columns-left.
The first thing to notice is the use of the module/controller/action syntax. If
one of these parameters are not specified index is used instead.
The customer_account_index layout handle is built from the following elements:
• customer: the route ID, see here. Please note that the route ID can be
different than the front name. When browsing to a page, the front name is
used to match the URL with the controller. When building layout handles, the
route’s ID is used.
• account: the folder as part of the controller.
• index: the controller’s action, as it was not specified in the URL above: see
this link.
So how does this map to a layout XML file? Layout XML files are stored in a
module’s view/[area]/layout directory.
We can then take the layout handle and look for a file in the layout directory with
that name. If you are using PHPStorm, a fast way to do this is by tapping the `Shift`
key twice and entering the filename you wish to locate.
Any of the layout handles listed above can affect the output of a page. The
customer_account_index.xml file will be specific to the customer dashboard.
Copyright © 2018, SwiftOtter, Inc.
31