Display Settings

The Display Settings section lets you control how NetWise B2B pricing and widgets appear on your Shopify storefront. This includes your B2B price display, volume discount tables, stock information, cart details, fonts, colours, buttons, and badges.

Selecting Display Settings inside a Price List automatically opens the Shopify Theme Editor with the NetWise B2B App Embed enabled. This means you can see exactly how your changes will look on a real product page before you publish them.

No theme code editing is required at any point.

Display Settings control the appearance and behaviour of every NetWise B2B component shown on your storefront.

These settings determine how the following are presented to your wholesale customers:

Display Settings change presentation only. They do not change your prices, your Price List rules, or which customers qualify for wholesale pricing. Those are configured inside the Price List itself.

Follow these steps:

Important Display Settings are managed through the Shopify Theme Editor, not directly inside the NetWise admin. This is because the settings are saved to your Shopify theme rather than to your NetWise account.

Important Display Settings apply to your entire storefront, not to the individual Price List you opened them from. Opening them from inside a Price List is simply a shortcut into the Theme Editor. If you change the Discount label or the widget layout, that change applies to every wholesale customer across every Price List.

The Shopify Theme Editor is Shopify's built-in customization tool. It shows a live preview of your storefront on the left and a settings panel on the right.

When you adjust a NetWise setting, the preview updates immediately, so you can see how a product page will look to a wholesale customer before committing to the change.

Two things to keep in mind:

The NetWise B2B App Embed is the component that adds NetWise pricing widgets to your storefront. It is what makes B2B prices, volume discount tables, stock information, and badges appear to your wholesale customers.

You will find it in the Theme Editor under App embeds in the left-hand panel, listed as Netwise: B2B Pricing beneath the app name NetWise: B2B Wholesale. If you have many apps installed, use the search box at the top of the panel to find it.

When the App Embed is enabled, you can customize the appearance and behaviour of all NetWise components directly from the Theme Editor — without editing any theme code, installing snippets, or contacting a developer.

Important The NetWise B2B App Embed must remain enabled for NetWise storefront features to work. If you disable it, all NetWise widgets disappear from your storefront.

Once the Theme Editor has opened:

Tip Preview your changes on several different products before saving — ideally one simple in-stock product, one product with variants, and one product with volume discounts. A layout that looks correct on a simple product can behave differently on a product with a long variant list or a large discount table.

Note If you close the Theme Editor without saving, your changes are discarded.

The NetWise B2B App Embed groups its settings into three sections. Each controls a different part of the storefront experience:

Each section is explained individually below.

These settings control what wholesale customers see on your product pages and in their cart.

What it does: Sets the overall arrangement of the NetWise pricing widget. There are two options:

When to use it: Choose Compact for themes with narrow product columns, or when you want to keep the Add to Cart button high on the page. Choose Expanded when you want wholesale pricing details to be prominent and have the space for them.

Good to know: This choice affects the Volume discount view setting below — some volume discount views are only available in the Compact layout.

What it does: Displays your original retail price alongside the B2B price.

When to use it: Enable this when you want wholesale customers to see the value of their pricing. Showing both prices makes the saving explicit and reinforces the benefit of the wholesale relationship.

Good to know: The two settings immediately below — Strike out base price and Show base price before B2B price — both describe how the base price is presented. If you turn Show base price off, there is no base price on the page for them to affect.

What it does: Displays the base price with a line through it, in the conventional "was / now" style.

When to use it: Enable this when you want the discount to read as a clear price reduction. It is the most widely recognized visual convention for showing a lower price.

Good to know: Some merchants prefer to leave this off in B2B contexts, where a struck-through price can read as a temporary promotion rather than an ongoing contract price.

What it does: Controls the ordering of the two prices. When enabled, the base price appears first, followed by the B2B price. When switched off, the B2B price shows first, followed by the base price.

When to use it: Show the base price first when you want the saving to read as a sequence — original price, then the customer's price. Switch it off when you want the customer's actual price to be the first number they read.

What it does: Displays quantity-based pricing tiers on the product page, so customers can see the price at each quantity break.

When to use it: Enable this whenever your Price List includes volume or tiered pricing. Showing the tiers encourages larger order quantities because customers can see the next saving threshold.

Good to know: The table only appears on products that have volume pricing configured. Products without tiered pricing will not display an empty table.

What it does: Sets how the volume discount tiers are presented. Options include a compact hover view, where tiers are revealed when the customer interacts with the discount element rather than being displayed inline.

When to use it: A hover view keeps the product page clean when you have several tiers. An inline view suits stores where you want the tiers visible without any interaction.

What it does: Displays stock availability for the product on the product page.

When to use it: Enable this for wholesale customers who order in bulk and need to know whether the quantity they want is actually available before placing the order. It reduces back-and-forth over partial fulfilment.

Good to know: Stock information reflects the inventory tracked in Shopify. If inventory tracking is not enabled for a product, there is no stock data to display.

What it does: Displays a coloured dot next to the stock status, so availability can be read at a glance rather than only as text.

When to use it: Enable this on stores where availability changes frequently, or where customers scan quickly before ordering.

What it does: A free-text field that sets the label shown when a wholesale price is applied — for example, "Wholesale Price", "Your Price", or "Trade".

When to use it: Customize this to match the language your customers already use. If your buyers think of themselves as distributors or trade accounts rather than wholesale customers, use their terminology.

What it does: Displays each product's SKU next to the line item in the cart.

When to use it: Enable this for customers who order against internal part numbers or purchase orders. Wholesale buyers frequently verify orders by SKU rather than by product title.

What it does: Displays the base retail price alongside the B2B price on each cart line item.

When to use it: Enable this to keep the saving visible right through to checkout, rather than only on the product page.

What it does: Displays the base price in the cart with a line through it.

When to use it: Enable this to match the styling you have chosen on your product pages, so the cart looks consistent with the rest of the shopping experience.

What it does: Displays stock availability for each line item in the cart.

When to use it: Enable this for high-volume orders, so customers can spot an availability problem before they reach checkout rather than after.

Typography settings control the visual styling of all NetWise widgets, so they match the rest of your theme.

What it controls: The font used for headings inside NetWise widgets — for example, the volume discount table title.

Recommended usage: Match your theme's existing heading font so NetWise components do not look like a separate application bolted onto your store.

Example: A store using a serif heading font throughout would select the same serif here, so the discount table title matches the product title above it.

What it controls: The font used for all body text inside NetWise widgets — prices, table rows, stock information, and labels.

Recommended usage: Match your theme's body font. Prioritize legibility over character: this text includes prices and quantities that customers need to read accurately.

Example: A store using a clean sans-serif for product descriptions would use the same font here so pricing text reads consistently.

What it controls: The highlight colour used across NetWise widgets, entered as a hex value.

Recommended usage: Use your brand's accent colour, or a colour that contrasts clearly against your page background. Avoid red unless you specifically want the discount to read as a clearance price.

Example: A store with a deep plum brand palette would enter that hex value so wholesale elements are highlighted in brand colour.

What it controls: The background colour of buttons inside NetWise widgets, entered as a hex value.

Recommended usage: Match your theme's primary button colour so NetWise buttons feel native to the page.

Example: If your Add to Cart button is navy, enter the same navy here.

What it controls: The colour of the text inside NetWise buttons, entered as a hex value.

Recommended usage: Choose a colour with strong contrast against your Button color. Light text on dark buttons, or dark text on light buttons.

Example: A dark plum button with white text. Avoid low-contrast combinations such as grey text on a pale background — these are hard to read and can fail accessibility standards.

What it controls: The visual treatment of buttons. There are two options:

Recommended usage: Match your theme's button style. Use Fill when NetWise buttons are a primary action, and Outline when they should sit visually below your theme's own Add to Cart button.

Example: A minimal theme with outlined buttons throughout would use Outline for consistency.

What it controls: The size of the text inside NetWise buttons, set in pixels using a slider or by typing a value.

Recommended usage: Match the button text size used elsewhere in your theme. Increase it slightly if NetWise buttons look visually smaller than your theme's native buttons.

Example: Raising the size on a store with a large, bold Add to Cart button, so NetWise buttons do not appear undersized next to it.

What it controls: How rounded the corners of NetWise widget elements are, set in pixels.

Recommended usage: Match your theme. Set it to 0 for square, structural corners, or increase it for a softer, rounded look.

Example: A theme using heavily rounded product cards would use a higher radius so the discount table matches its surroundings.

What it controls: An image displayed within the NetWise cart. You can upload your own file or choose from Shopify's free image library.

Recommended usage: Upload your store logo, or a wholesale-specific version if you trade under a separate brand for B2B customers.

Example: A supplier operating a distinct trade brand would upload that brand's mark here.

What it controls: The background colour of the cart header area, entered as a hex value.

Recommended usage: Use a brand colour or a neutral tone that visually separates the header from the cart contents below it.

Example: A light grey header against a white cart body, giving a clear division.

What it controls: The background colour of the cart subtotal section, entered as a hex value.

Recommended usage: Use a subtle contrast colour to draw attention to the total — it is the most important number in the cart.

Example: A pale tinted background behind the subtotal so it stands out from the individual line items.

Badges are small labels displayed alongside products to communicate additional information at a glance.

What it does: Displays a badge on products that have volume or tiered pricing available.

When enabled: Customers can identify which products offer quantity-based savings.

When disabled: No badge appears. Volume pricing is still applied and still shown in the discount table — only the badge is hidden.

What it does: Displays a badge on products that have quantity rules applied, such as a minimum order quantity, a maximum, or a required increment.

When enabled: Customers are alerted to ordering restrictions before they add the product to the cart, which reduces failed add-to-cart attempts and support enquiries.

When disabled: No badge appears. The quantity rules are still enforced — customers simply encounter them at the point of adding to cart rather than seeing them in advance.

Tip Keep this badge enabled if you use minimum order quantities. Customers who discover a restriction only at checkout are significantly more likely to abandon the order.

What it does: Displays a small attribution badge indicating that wholesale pricing is powered by NetWise.

When enabled: The badge appears alongside NetWise widgets on your storefront.

When disabled: The badge is removed and no attribution is shown.

No. All NetWise display customization is handled through the Shopify Theme Editor using the NetWise B2B App Embed. You never need to edit Liquid, add snippets, or work with theme files.

Because these settings are saved to your Shopify theme rather than to your NetWise account. Managing them in the Theme Editor means you get a live preview of your actual storefront, and it means the settings work with any theme that supports app embeds.

Yes. The Theme Editor shows a live preview of your storefront as you adjust each setting. Nothing is visible to your customers until you click Save.

Display Settings are saved to your Shopify theme, so they apply storefront-wide — including to any other Price Lists you have configured. There is no way to give one Price List a different widget layout, discount label, or colour scheme from another.

The NetWise widgets themselves, however, only appear for customers who are assigned to a Price List. Retail customers continue to see your standard retail pricing and do not see NetWise widgets at all.

Check the following, in order:

If the problem persists, contact support with your store URL and the name of the product you are testing.

All NetWise storefront widgets stop appearing — volume discount tables, stock information, badges, and cart customizations all disappear.

Your Price Lists, pricing rules, and customer assignments are not deleted. They remain in NetWise and reappear on the storefront as soon as you re-enable the App Embed.

Yes. Changes made in the Theme Editor are only a preview until you click Save in the top-right corner. If you navigate away without saving, your changes are discarded.

Yes, in two ways:

Tip Before making a large set of changes, duplicate your theme in Shopify. This gives you a clean copy to fall back on.

Still need help? Contact the NetWise support team from within the app, and include your store URL and a link to the product page you are working on.