The storefront and filters

The Storefront tab in the products area sets how products appear on the website: whether the catalogue and prices are on, the addresses of the listing and product pages, what products are called, the listing heading, introduction and how many show before Load more.

Under Look, choose the card style (Standard, Minimal or Framed), the picture shape (Square, Portrait or Landscape), the columns on a computer, the order on listing pages, and whether cards show the summary, key facts and a Quick add to basket button for products without options. Category tiles add pictures of the categories above the products. A sketch beside the settings shows the look as you change it.

In the editor, the Navigator lists the shop pages: the listing, a category, a product, the basket and the checkout. Choosing one shows it beside Shop page settings, so you can change the cards, browsing, product page, basket and checkout while you look at the result.

Some settings are only here: share buttons on product pages (email, WhatsApp and social networks) and the name of the collections filter, such as Collections or Ranges.

Listing pages filter by category, by attributes set as filters and by collection, and can offer price, in stock and on offer filters. Each choice shows how many products it would leave, worked out against the filters already chosen, so the number always matches what choosing it shows. Chosen filters appear as chips that can be removed one by one.

Search looks through names, codes and the extra search words you add to products. Typing a product's exact code goes straight to that product.

A product page shows the pictures, the price with any offer or was price, the options, the quantity and Add to basket, then up to four short points under the button, such as Free delivery over £50. Below come the specification in its groups, the files to download or ask for, and the methods it can be sent by.

You may also like shows the related products, and Recently viewed fills from the products this visitor has looked at, kept in their own browser only.

The header carries a basket link with a count of what is in it. The basket itself is a slide-in drawer or a page, as chosen in Shop settings.

With the free delivery progress bar on, the basket says how much more to spend for free delivery, then that delivery is free. Suggest products in the basket shows a few of your featured products underneath.