top of page
Top Banner Clouds.png

Blog Post

Layout of an Ecommerce Store

Updated: Feb 21, 2022

Understand the Layout of Your Ecommerce Store

Ecommerce is certainly not a simple thing. There are many parts that you need to know and understand. It’s always good to know the layout of an Ecommerce store. This article is going to explain to you the types of pages that when all put together, form an Ecommerce store!


The homepage is where your store starts, and is most often the first part of your store that your customers see. This is going to be where you explain your services, advertise popular products, and try to make a good first impression.

Your homepage is the default webpage that loads when you visit a web address that contains only the domain name. Let’s take a look at one of our our awesome client’s sites. We will go through the core pages of Stockpyle’s store.

Stockpyle's Homepage

Your homepage is where customers will start their experience, and will use the links on the homepage to continue to different parts of your website.

Category Pages:

Category pages are a collection of products, all being related to that one category. Category pages are very useful on Ecommerce stores that sell a lot of products because they offer a way to organize the products in a logical, non-confusing way.

Category pages are often linked to in the navigation menu so that they are a quick access point for customers.

stockpyle category page

Sub-Category Pages:

Sometimes it makes more sense to split your offerings down even more to specific categories. Instead of holding products, Categories could instead hold links to even more specific categories called subcategories.

Stockpyle sub category page

ABOVE: Stockpyle’s navigation bar showing the “Office Supplies” category, with subcategories displaying in grey below.

Product Pages:

This is where your customers will view details, pricing, shipping, and anything else related to the product. The most important part about the product page is this is where your customer will decide to purchase or not purchase your products.

Stockpyle Product Page

ABOVE: Here’s an example of a product page. You’ll notice in the upper left hand corner the “Home > Office Supplies > Universal ® Jaw Style Staple Remover”.

This is called the “Breadcrumbs” because it shows a ‘breadcrumb trail’ of the hierarchy of categories in the store. You can tell that this staple remover is of the “Office Supplies” category.

Shopping Cart Page

Stockpyle Shopping Cart Page

When a user decides they want a product, they will add it to their virtual shopping cart. The shopping cart page shows the user what is in their shopping cart, and it gives access to the checkout page.

The shopping cart page also sometimes gives other services to users, such as giving them an estimated shipping price, and applying discount codes.

Checkout Page:

The checkout page is the final step the customer takes to buy their purchases from your store. The checkout page is where the customer tells you their shipping and billing addresses, as well as enters their payment information.

The checkout page can be a multi-step process, or can all be consolidated on one page. This is called a “One Page Checkout” design and is becoming increasingly popular because it is very quick for the customer to fill out, meaning more chance of a sale for you.

Stockpyle Checkout Page

ABOVE: This is the checkout page, and it is the final step for the customer before the order is placed. Stockpyle uses a one-page design for their checkout process.

Still Have Questions?

Feel free to ask us a question in the comments below, or contact us directly. We’d love to hear from you!


Launching a New Site?
Want Instant Access to Our Free Website Launch Checklist? Click the button below!
Wix Website Launch Checklist
Need More Traffic?
Struggling to Drive Traffic to Your Website? Get Access to Our Free Traffic Planner Guide!
Border7 Traffic Planner Guide
bottom of page