A WooCommerce store with a template for every page type

What it is

A practice online store on the Hello Elementor theme. The catalogue uses real brand and product names as sample data, but nothing is for sale.

What I built

• A catalogue with variations. Thirty products, with size and colour attributes producing forty-four variations. Products are grouped by category, by brand (eight) and by collection (men, women, office).
• Templates for every page type. Two single-product layouts, archive layouts for the shop, categories, brands and tags, two product-card designs for the grids, and a header with a mega menu and mini cart.
• The pages around the purchase. An empty-cart template, a customised account dashboard, a custom thank-you page, a search popup and a customer-support popup form.
• A product filter and PayPal checkout, using the Themify product filter and a PayPal payments plugin.

What the live copy cannot do

The live version is a static copy, because GitHub Pages cannot run PHP. You can browse the shop, the categories and every product page, and the support form sends through Web3Forms, which emails it to me. The cart, checkout, account pages, product filter and search need WordPress running behind them, so the live copy says so when you try them.

What I would do differently

The fourteen categories are all at the top level. Aquatic, Citrus, Woody and Spicy are fragrance families and belong under Fragrance; Desktop, Mobile and Laptops belong under Electronics; Shirts, Bottoms and Shoes belong under Clothing. As it stands, the category list mixes three levels of detail in one flat row. I would set up the hierarchy first and add products after.