Child pages
  • Browsing the front-office

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Whether he arrives on the front page by typing the shop web addresses or lands on a sub-page through a search engine, the customer will always have many options to navigate through the catalog.

The header

The header is a thin bar of content, accessible from any of the front-office pages. It contains some essential tools and links, which apply to the whole shop:

  • The shop logo. A click on the logo brings the customer back to the front page, from anywhere in the shop.
  • The currency block. The customer can choose the currency in which the shop should display apps. This is great in order to compare prices with other international shops.
  • Contact and Sitemap. These two links take the customer to specific pages, out of the shopping context: contacting the shop administrators, or viewing a complete list of all the pages that are publicly accessible.
  • Bookmark. This is not a link per se, but a JavaScript action: when clicked, it will trigger the customer browser to add the shop as a bookmark. The customer can then choose to complete the action or not.
  • The search engine. Many customers prefer to look for a specific item through the search engine rather than browsing through categories after categories of products. On some online shop, this is even the only way to browser the site's content for most customers.
  • Welcome, XXX. An invitation for the customer to connect to the shop by entering their credentials. If connected, this will display "Welcome, (firstname)".
  • "Your account". A link to the user's account, or if not connected, to the authentication/registration page.
  • "Cart: (empty)*. A quick reminder of the current status of the customer's cart. Sometimes customers select items while browsing and forget about them after a few pages. It is therefore essential to give them a way to keep these products in mind.

...

  • (if logged in) "My account" block, with links to the customer's account pages.
  • three Three of the default blocks help the user navigate the shop and filter content: tags, categories and manufacturers are the most common ways by which shoppers look for a given product.
  • "Viewed products" serves as a reminder of the products previously took interest in, and gives a shortcut back to these if he wants to pick them in the end.
  • Finally, "Information" is where PrestaShop the default static pages, as written by the shop owner: delivery information, legal notices, T&C... They are not selling points, but their content is important enough that it warrants being always available.

...

Next to the image are two blocks:

  • a A "Short description" block, presenting the main facts for the current product in a free form way.
  • the The "Add to cart" block, with the possibility to choose among the available variations (as defined by the shop owner) and the quantity to be ordered.

...