Login
leafleafleafMan illustrationFlower illustration
Updated on October 10, 2025

StoreFront

Overview

The Storefront module allows you to expose selected products to the public via a dedicated online catalogue. The catalogue pulls directly from your Products inventory, but you must explicitly add products or collections before they appear in the store. This module is tightly linked to the Inventory module; stock levels and availability are always in sync, and out‑of‑stock items are flagged accordingly. Use this module to curate what customers see, organise products into collections, and manage your public store settings.

Navigating to Storefront

  • From the left menu, click Storefront. The main overview page shows:

    • Total Catalogue – total products available in inventory.

    • Catalogue Products – products currently displayed in the store.

    • Collections – number of collections you’ve created.

    • Public Store section – indicates if your store is live and includes a Visit Store link and URL. This public URL is what your customers will use to browse products and place orders.

  • Two cards provide quick actions:

    • Product Catalogue – click View Catalogue to manage products already in the store; click Add Product to add inventory items to the store (details below).

    • Collections – click Manage Collections to create and maintain collections of products.

Product Catalogue

How Catalogue Works

    • Not all inventory items are automatically displayed. When you create a product in the Products module, it remains internal until you add it to the catalogue. This ensures you can prepare and test products before publishing them.

    • The catalogue page shows three metrics at the top: Total Products (count of inventory items), Catalogue Products (products currently in the storefront), and Categories (active categories on storefront). Below is a table of Catalogue Products with columns for product image/SKU, category, variants, total stock, tags, and last updated date. The Total Stock column reflects real‑time inventory levels (e.g., Low Stock or Out of Stock), pulled from the inventory module.

    • You can select one or more products and click Remove from Catalogue to unpublish them from the storefront. Removing a product does not delete it from the inventory; it simply hides it from public view.

Adding Products to the Catalogue

  1. Navigate to Storefront → Product Catalogue and click Add Product. You’ll see a list of all inventory products not currently in the catalogue.

  2. Select the products you want to publish by ticking the checkboxes. You may use the search and filter controls to find products by category or stock level.

  3. Click Add to Catalogue. The selected products now appear in the catalogue and will be visible in the public store.

Tip: You can also add or remove a single product from the catalogue directly from the Products list. In the Actions column of the product list (under Products → Products) there’s an icon resembling a synced arrows symbol. Clicking this icon toggles the product’s catalogue status—adding it to the catalogue if it’s not already there or removing it if it is. Use this method for quick updates without leaving the product list.

Stock & Inventory Integration

  • Because the catalogue pulls data directly from inventory, stock levels are always accurate. If a product goes out of stock in inventory, it will immediately show an Out of Stock tag in the store, although you decide whether to keep it visible or remove it.

  • Updating price, SKU, or stock in the Products module automatically reflects in the catalogue. You do not need to manually update the store.

Collections

  • Collections let you group related products or categories into curated sections for marketing campaigns or seasonal sales.

    3.1 Creating a Collection

    1. From Storefront, click Manage Collections and then New Collection.

    2. Provide a Collection Name and Description. For example, create a “Winter Sales” collection for seasonal items.

    3. Save the collection. New collections are created empty; you’ll add products in the next step.

Adding Products or Categories to a Collection

  • Add products manually: Within a collection, there’s an Add Product button. Search for products by name or SKU, select them, and click Add to Collection. These products must already exist in your inventory; adding them to a collection also places them in the catalogue automatically.

  • Add entire categories: If you select a category instead of individual products, all products within that category are included in the collection. New products added to that category will appear in the collection automatically.

  • Once added, collection products are displayed on your store’s public page under the collection’s heading. Removing a product from a collection does not remove it from the catalogue, but removing it from the catalogue will remove it from all collections.

Editing Collections

  • You can edit a collection’s name and description from the Manage Collections page. Select the collection name to open its details. From here you can add or remove products, update SEO settings (e.g., meta title, keywords, description), and reorder products for display.

Connecting to Inventory

  • Real‑time stock updates: The storefront uses the same variant stock counts as the inventory module. If you adjust stock in Variant Inventory Management, the changes appear immediately on the store. An item with stock of 0 is labelled Out of Stock in the storefront catalogue.

  • Pricing and variants: When you manage variants (e.g., sizes, colours) in the products module, each variant’s price and availability flow through to the store. Customers see variant options on the product page and can select from those with stock.

  • Tags and categories: Tags assigned to products (via the Products module) become filters in the public store. Categories also appear as navigation filters. Only categories containing at least one catalogued product are shown.

Public Store

  • From Storefront, the Your Public Store card displays your store’s status (Live/Offline) and a unique URL. Click Visit Store to preview the customer view.

  • Customers can browse by categories or collections, use the search bar, and filter by tags or price. The store is mobile responsive and doesn’t require users to log in.

  • When a customer clicks a product, they see its images, description, price, and variant options. If the item is low on stock, a Low Stock warning appears; if out of stock, the Out of Stock tag is displayed.

Summary & Best Practices

  • Curation is key: Only add products to the catalogue when they are ready for customers. Use the catalogue to hide draft or discontinued items while still keeping them in inventory.

  • Use collections for marketing: Collections help highlight seasonal products or promotions. Add entire categories or individual products for flexibility.

  • Keep tags and categories organised: These are the filters customers use to find products. Make sure products have appropriate categories and tags in the Products module.

  • Monitor stock: Because the store pulls real‑time data from inventory, out‑of‑stock products are still visible unless removed. Decide whether to leave them for awareness or remove them temporarily.

Recently Viewed articles

Share this Doc

StoreFront

Or copy link

CONTENTS

Powered By MatrixSprint