Appearance
Storefront
This section walks through what shoppers see and do in a Lynx store. Everything here works out of the box with the default design; the components section explains how to adjust each part.
| Page | What it covers |
|---|---|
| Browsing and Search | Home page, menu, categories, filters, search, product pages, wish list |
| Cart and Checkout | Mini cart, cart page, checkout, payment methods, order confirmation |
| Customer Account | Sign in, account area, order history, printing, Orders and Returns |
| Right-to-left Languages | Arabic, Hebrew and Persian store views, mirrored automatically |
| Speed, SEO, Accessibility and Privacy | Page speed, SEO, accessibility, analytics, cookie consent, reCAPTCHA |
Works on every screen
Every page is designed for phones, tablets and desktops. On phones the menu opens from a button, filters slide in from the side, and the account menu becomes a dropdown.
Keyboard and screen readers
The storefront can be used without a mouse and with a screen reader:
- A Skip to Content link, the first thing the Tab key reaches, jumps past the header to the page content.
- When a shopper opens another page, focus moves to the new page's content instead of staying on the link that was followed.
- The submenus of the main menu and the account menu open with the keyboard, and Escape closes them and returns to the button that opened them.
- Tabs, such as the product page tabs, move with the arrow keys, Home and End.
- Filter groups, menus and panels tell screen readers whether they are open or closed, and icon buttons, such as Close, have a name that is read out.
- In the checkout, moving to the next step takes focus to that step's heading.
Languages and currencies
Text shown to shoppers uses Magento's own translations, so a store view in another language is translated with the language packs you already use. Prices follow the currency the shopper picks.
Right-to-left languages such as Arabic, Hebrew and Persian are fully supported. The whole storefront mirrors automatically for those store views, using the same design. See Right-to-left Languages.