Storefront
How it works
You keep your store, theme and catalogue on your eCommerce platform. SparkLayer adds a script to your store, the Core Script, that loads its interfaces. When a B2B customer signs in, the interfaces replace parts of your store with B2B versions, such as product pricing, the cart and the account area.
Customer signs in
Interfaces load
Their rules apply
Order placed
The interfaces cover the whole B2B journey: B2B pricing and ordering on product and collection pages, the B2B cart and checkout (My Cart), and the customer's account area (My Account). You can also add your own content to them with custom slots. See Storefront widgets for each interface and where it appears.
Add SparkLayer to your theme
This is your set-up step. Storefront,Widgets (opens in your SparkLayer Dashboard in a new tab) offers 3 ways to install the interfaces:
| Option | How it works |
|---|---|
| App embed (recommended) | SparkLayer's app blocks, turned on in your Shopify theme. No code. Click Open theme setup. See Theme setup. |
| Ask us to install it | Our team installs SparkLayer on your theme for you, free. Click Request installation and we'll be in touch within a working day. |
| Manually | Your developer adds the Core Script to your theme's code. Click Installation guide, or see your platform's install guide under Platforms. |
The same screen has a Core script version card. New installs use the latest version. To pin your store to an earlier version, choose it under Version for this store and click Save version.
See what's new lists the changes in each version. The frontend integration guide explains how the Core Script works.
What you can control
Each of these pages starts with what your customers see, then shows you how to set it up.
Every interface your B2B customers use, and where each appears
Change settings, text, checkout fields and My Account sections without code
Match SparkLayer to your brand colours and fonts, and turn on dark mode
What's a setting, CSS or a slot, what needs a developer and what's fixed
Table view, variant modes, SKUs and barcodes, quick buy and 1-click ordering
Live stock levels, pre-orders and back-orders, restock dates and reserved stock
Pack sizes and minimum or maximum quantities
Apply pack sizes, quantity limits and visibility to specific customer groups
Change SparkLayer's text, supported languages and locale formats
Control which products B2B and retail customers see (free, Shopify only)
Related features
These features also shape what B2B customers see on your store. They're covered in other sections of the Help Center.
RRP (MSRP) pricing, quantity pricing and unit cost pricing
Customer discounts and customer price lists
Enable B2B payments, set defaults, rename payment methods and request quotes
Custom checkout fields, file uploads, terms and conditions and checkout text
B2B-only shipping, free shipping rules, tax handling and product tax rules
Credit limits, account balances, net terms and PDF invoices
Custom account fields, address editing and display, sales statistics
Update order statuses and send notifications
Track messages and activity across all order types
Let your team place orders and manage accounts for B2B customers
Let a customer's colleagues share one company account
Manage the quote-to-order process for your sales team and customers
Capture, review and approve wholesale customers from your store
Last updated