Docs/Catalog and storefront
Catalog and storefront

Storefront and live editor

Build a professional responsive shop with editable identity, slides, categories, navigation, typography, logo, and favicon.

Store identity

Store settings define the core identity used across public pages: storefront name, announcement text, description, currency, type style, colors, logo, and favicon. The configured favicon is emitted across the shop, product, cart, sign-in, payment, confirmation, purchase library, protected delivery, and legacy license surfaces.

Use a compact logo that remains legible in the navigation bar. The editor includes width and height controls so an uploaded brand mark does not distort the header. When no custom favicon is configured, the plugin does not emit a misleading store-specific icon.

Fullscreen live editor

Open Store settings → Open live editor. The workspace uses a left structure panel, a central public preview, and contextual controls on the right. Selection changes are interactive and preserve the preview's scroll position rather than submitting and rebuilding the complete page.

The editor covers:

  • store header and navigation;
  • announcement or promotion bar;
  • hero carousel slides, images, links, and selected products;
  • catalog title and supporting copy;
  • custom categories and product assignment;
  • logo and favicon uploads;
  • typography, color, and visual density;
  • footer content around the enforced MakePay attribution.

Save deliberately after previewing both desktop and mobile layouts. The status indicator distinguishes saved content from unsaved local changes.

Hero slides

Each slide can carry its own eyebrow, headline, description, image, call to action, and product target. The public carousel holds a stable height across slides so the catalog below does not jump as shorter and longer content rotates.

Use a consistent visual ratio and comparable copy length across slides. Auto-advance can be disabled or configured in seconds. Manual previous and next controls remain available for visitors.

Categories and navigation

Categories are merchant-defined. The plugin's media formats do not force visible navigation labels, and an empty category is not displayed publicly. This lets a store use customer-facing groups such as “Courses,” “Creator packs,” or “Developer tools” while still benefiting from type-specific delivery.

Avoid duplicate category records and check that every public navigation item has at least one published product. Product selections and explicit category order determine the storefront presentation.

Cart feedback

Adding from the homepage or product detail runs in the background. A cart popover confirms the selected product, offers a route to checkout, and dismisses automatically if the customer continues browsing. The complete page should not reload or lose its scroll position.

The public footer contains an enforced MakePay attribution and backlink. It is not a merchant-toggle setting. Store owners can shape the surrounding shop and customer links, but the plugin's required attribution remains present and styled with the actual ✦ MakePay wordmark.

Continue with Cart and BTCPay checkout to test the complete public journey.