The page is a stack
A storefront is not one fixed template. It is a list of blocks rendered top to bottom, and you decide the list. A hero at the top, then categories, then a product grid, then an FAQ is a normal shape. Move the grid up and the shop feels like a catalogue. Move the story up and it feels like a brand.
The four that matter first
A hero gives the shop a face and one sentence about what you sell. A product grid is the shop itself. A category row matters as soon as you pass roughly twenty products, because a flat grid stops being browsable. An FAQ block answers shipping and returns before the buyer has to ask you.
The rest of the 88 types exist for shops that need them: bundles, gift cards, reviews, bookings and availability, property listings, a gallery, testimonials, a free-form section for anything else. Adding them early is the most common way a first storefront gets slow to read.
Blocks and theme are separate
The blocks decide what is on the page. The theme decides how it looks: palette, two fonts, layout and a set of shape axes. That separation is why you can change the whole look of a shop without touching its content, and why applying one of the ready-made designs does not rearrange your products.
How to decide the order
Write down the first three questions a stranger asks you about your shop. Put the block that answers each one above the fold, in that order. That is a better guide than any rule about what a homepage should contain.