Browsing and Search ​

Moving around the store ​

The header holds your logo, the category menu, search, the wish list, the account and the cart. When a shopper follows a link, only the part of the page that changes is loaded. The header, the menu and the cart stay in place, so moving around feels instant.

The menu shows the categories marked Include in Menu in the catalog, with submenus that open on hover on desktop and on tap on phones.

Category pages ​

• Filters: the attributes you marked as filterable, such as price, color and size. Each filter opens and closes, and the active filters are shown above the products so they can be removed one by one.
• Sorting: Magento's sort options, such as position, name and price.
• Pages: long categories are split into pages.
• Product cards: image, name, price, Add to Cart, the wish list heart and, when you turn it on, Add to Compare. Products on sale show their old price struck through next to the new one. Configurable products can show their color and size options on the card, so a shopper can add a variant without opening the product.

Prices on the cards are the same as on the product page, including catalog price rules, special prices and the shopper's currency. Bundle and grouped products show "From", "To" and "Starting at" the same way Magento does.

The category image, description or any other category attribute can be shown above or below the products with the Category Attribute components. A category can also get its own designed content with Design with Lynx.

Search ​

The search icon in the header opens a search field. Results are shown in the same grid as categories, with filters and sorting.

The store also includes:

• Advanced Search, with a field for every attribute marked Use in Advanced Search
• Popular Search Terms, listing what shoppers search for most, bigger and bolder for the most popular

Product pages ​

Each Magento product type has its own product page. On large screens the images sit beside the product details; on phones they come first, and shoppers swipe through them.

• Simple and virtual products: images, price, quantity and Add to Cart.
• Configurable products: color swatches and size tiles. Picking an option switches the images and the price.
• Bundle products: the shopper builds the bundle option by option, with a running total.
• Grouped products: every product in the group with its own price and quantity.
• Downloadable products: the links to buy and the samples to try first.

Custom options, such as engraving text or a file upload, are shown with their prices. Below the main area, tabs hold the description, the specifications table and the reviews, where customers can read ratings and write a review. Any product attribute or image, such as the brand or the material, can be shown under the images, under the price or under Add to Cart with the Product Attribute components.

Prices with and without tax ​

Product pages, product cards, the compare page and the wish list follow Stores › Configuration › Sales › Tax › Price Display Settings › Display Product Prices In Catalog, as the standard Magento store does. Prices show excluding tax, including tax, or both. With both, the price including tax comes first with the price excluding tax underneath, marked Excl. Tax, and the price updates with the options a shopper picks.

Wish list ​

The heart on product cards and product pages saves a product to the customer's wish list. The header shows how many products are saved.

Compare products ​

Shoppers can put products side by side before they choose. Add to Compare on a product card or a product page adds the product to their comparison list, and an icon in the header shows how many products are on it and opens the Compare Products page.

The page shows each product with its image, name and price, then one row for every attribute marked Comparable on Storefront in the catalog. From there a shopper can remove a product, add it to the cart or to the wish list, or empty the list with Clear All. The page is not indexed by search engines.

The compare buttons on product cards and the header icon are on by default, the button on the product page is off; each is switched by the Show Compare setting of its component: the Header Account, Product Detail, Product Listing, Search Results, Product Carousel and the Related, Up-sell and Cross-sell rows. The page itself can be designed in the editor; see Compare Products.