Ollie for WooCommerce

Ollie ships complete WooCommerce support: a full set of block-built store templates, professionally designed shop patterns, one-click product card layouts, and all of Ollie Pro’s design tools working seamlessly with your products. Build a modern, blazing-fast store in the native block editor — no page builder, no code.

Watch the full video above, or click any card below to jump straight to that part of the walkthrough.

Setup Wizard and Starter Sites

There’s nothing to configure by hand. With the Ollie theme active, install and activate WooCommerce and the store templates, styles, and patterns light up automatically — and until WooCommerce is active, Ollie keeps its shop templates and patterns tucked away so they never clutter a non-store site.

The Setup Wizard in the Ollie dashboard walks you through everything you need to get your store off the ground — installing plugins, creating pages, setting up your branding, generating colors, and more. By the end of it, you’ve skipped a dozen tedious steps and saved hours.

Want to move even faster? Starter Sites automate the entire setup into a single step: select a starter site, click import, and in seconds your site is completely transformed — new styles, pages, and templates all applied automatically, leaving you a complete store to make your own.

Header and Navigation

The header is one of the first places to make your own. In the Site Editor, double-click the header to start editing — or jump there instantly from the command palette — then customize your logo, site title, and navigation, or swap in a header design built for WooCommerce, complete with cart integration.

For shop navigation that sells, use Menu Designer to build a content-rich mega menu with your product categories, store info, and featured items — all blocks. Choose from card-style dropdowns, full-width panels, and mobile menus in the Ollie pattern library, and customize to match your brand.

Store Templates

Every WooCommerce page on your site is a real block template, fully editable in the Site Editor with the same tools you use everywhere else:

• Shop / Product Archive — your main catalog page, with a sidebar variation included.
• Single Product — the product page, built from WooCommerce blocks you can rearrange and restyle freely.
• Cart and Checkout — clean, conversion-focused, and fully editable.
• Order Confirmation — a designed thank-you moment instead of a plain receipt.
• Product Search Results — search that matches the rest of your store.
• Coming Soon — a polished holding page while you build.

Because templates are blocks, you have full design control right in the editor: resize the product title, punch up the button, swap in a pattern from the Ollie Pro library — no code. Ollie also replaces WooCommerce’s stock block patterns with its own curated set, so everything you insert matches your store’s design system.

Product Collection and Card Layouts

The Product Collection block is the engine behind how products display across your store — the main shop grid, featured products, sale items, and hand-picked collections. Add hover effects, or drop in a horizontal-scrolling product carousel for featured items.

With Ollie Pro, restyling your whole catalog takes one click: select a Product Collection (or Product Template) block and open the Product Layouts panel in the sidebar. Click any of the five Product Card designs — centered cards, star ratings, hover add-to-cart overlays, pill-button treatments — and every card in the grid switches instantly. The editor’s undo brings back the previous design if you change your mind, and any pattern registered in the ollie/product-card category appears in the panel automatically, so developers can add their own.

WooCommerce Patterns in Ollie Pro

Ollie Pro’s pattern library includes a dedicated WooCommerce collection: featured product sections, promotional banners, pricing tables, hero headers, and video cards with overlay support. Drop any of them into your pages with a few clicks and customize from there — every card on this very page is one of those video card patterns.

Pro Extensions for Store Building

Everything in the Extensions suite works on store content, and several are especially useful for shops: Animation Designer for product reveals, Advanced Grid Controls for responsive catalog grids, Smart Sync to restyle repeating product sections in one pass, CSS Class Manager for reusable store styling, and Video Modal for product demo videos. Each one enhances your existing blocks without replacing your workflow.

Tips

• Restyle first, rebuild never: try all five Product Card layouts on your Shop page before customizing by hand — one of them is usually 90% of the way there.
• The product archive sidebar variation plus WooCommerce’s filter blocks gives you a classic filterable catalog with zero custom work.
• A Cover block with a Video Modal makes a great product-demo section on high-value product pages — the same treatment as the video cards in this doc.