Cart Page B2B Pricing

Extend PunchOut B2B pricing to your Shopify cart page so enterprise buyers see their negotiated prices throughout the entire shopping journey — from product pages through to checkout.

The cart pricing script automatically detects the buyer's fromIdentity session, resolves their customer pricing, and updates cart prices in real time. It works with Shopify's Dawn theme out of the box and supports custom themes through configurable CSS selectors.

How It Works

Installation

Add the cart pricing script to your Shopify cart page template.

<!-- Weevio Cart B2B Pricing -->
<script src="https://cloud.weevio.co/ecommerce-widget/cartBssPricing.js" defer="defer"></script>

<script>
  window.weevioWidgetConfig = {
    shopifyDomain: '{{ shop.permanent_domain }}',
    teamID: 'YOUR_TEAM_ID',
    baseURL: 'https://cloud.weevio.co',
    cartBssPricing: {
      enableDomUpdates: true
    }
  };
</script>

<!-- Weevio Cart B2B Pricing -->
<script src="https://cloud.weevio.co/ecommerce-widget/cartBssPricing.js" defer="defer"></script>

Configuration

Dawn Theme (Default)

For stores using Shopify's Dawn theme or most standard themes, the default settings work out of the box with no additional configuration:

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true
  }
};

The script automatically detects Dawn's cart HTML structure and updates the correct price elements.

BSS B2B App Compatibility

If your store uses the BSS B2B app, the cart pricing script is fully compatible with no special configuration needed. The script automatically detects BSS B2B attributes in your theme:

• bss-b2b-cart-item-key — Cart item identifiers
• bss-b2b-item-original-price — Unit price elements
• bss-b2b-cart-total-price — Cart total elements

These attributes are prioritized over standard selectors, ensuring seamless integration with BSS-powered themes.

Custom Themes

For custom Shopify themes, you may need to specify CSS selectors that match your theme's cart HTML structure.

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true,
    selectors: {
      cartContainer: '#my-custom-cart',
      cartItemRow: '.custom-cart-row',
      cartItemPrice: '.custom-unit-price',
      cartItemLinePrice: '.custom-line-total',
      cartSubtotal: '#custom-subtotal',
      variantIdAttribute: 'data-product-variant-id'
    }
  }
};

Selector reference:

Data-Only Mode

If you only need to pass B2B pricing data to PunchOut Cloud without visually updating the cart page, disable DOM updates:

cartBssPricing: {
  enableDomUpdates: false
}

In this mode, the script still populates the pricing data that PunchOut Cloud reads at checkout, but the cart UI shows standard Shopify prices.

Price Formatting

Customize how B2B prices are displayed in the cart using the formatting options:

cartBssPricing: {
  enableDomUpdates: true,
  formatting: {
    currencySymbol: '$',
    currencyPosition: 'before',
    decimalPlaces: 2,
    thousandsSeparator: ',',
    decimalSeparator: '.'
  }
}

Formatting options:

European store example (EUR):

cartBssPricing: {
  enableDomUpdates: true,
  formatting: {
    currencySymbol: '€',
    currencyPosition: 'after',
    decimalSeparator: ',',
    thousandsSeparator: '.'
  }
}

This displays prices as 1.299,99€ instead of $1,299.99.

Visual Indicators

Show original prices alongside B2B prices using the indicators options:

cartBssPricing: {
  enableDomUpdates: true,
  indicators: {
    showOriginalPrice: true,
    modifiedPriceClass: 'b2b-price',
    originalPriceClass: 'original-price'
  }
}

When showOriginalPrice is enabled, each updated price element shows both the original retail price (with strikethrough styling) and the B2B price.

Add CSS to style the prices:

.original-price {
  text-decoration: line-through;
  opacity: 0.6;
  margin-right: 0.5em;
}

.b2b-price {
  font-weight: bold;
  color: #007acc;
}

Indicator options:

Configuration Examples

Minimal Setup (Dawn Theme)

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true
  }
};

Show Original Price with Strikethrough

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true,
    indicators: {
      showOriginalPrice: true,
      modifiedPriceClass: 'b2b-price',
      originalPriceClass: 'original-price'
    }
  }
};

European Store (EUR)

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true,
    formatting: {
      currencySymbol: '€',
      currencyPosition: 'after',
      decimalSeparator: ',',
      thousandsSeparator: '.'
    }
  }
};

Custom Theme with Manual Selectors

window.weevioWidgetConfig = {
  shopifyDomain: '{{ shop.permanent_domain }}',
  teamID: 'YOUR_TEAM_ID',
  baseURL: 'https://cloud.weevio.co',
  cartBssPricing: {
    enableDomUpdates: true,
    selectors: {
      cartContainer: '#my-custom-cart',
      cartItemRow: '.custom-cart-row',
      cartItemPrice: '.custom-unit-price',
      cartItemLinePrice: '.custom-line-total',
      cartSubtotal: '#custom-subtotal',
      variantIdAttribute: 'data-product-variant-id'
    }
  }
};

Testing

https://your-store.com?fromIdentity=AN01631249352

// Verify pricing data is populated
console.log(window.BSS_B2B?.cart);

// Expected output:
// {
//   modifiedItemsSubtotalPrice: 8999,  (in cents)
//   cpPricingList: Map { "key1" => { modifiedItemPrice: 4500, ... } }
// }

Troubleshooting

Prices Not Updating on Cart Page

Check the script is loaded:

• View page source and confirm the cartBssPricing.js script tag is present
• Check the browser console for 404 or loading errors

Check the PunchOut session is active:

// In browser console:
sessionStorage.getItem('weevio_fromIdentity')
// Should return the buyer's identity string

Check that pricing data was fetched:

// In browser console:
console.log(window.BSS_B2B?.cart);
// Should show pricing data, not undefined

If BSS_B2B.cart is undefined, the script may not have resolved the customer. Verify the customer tag and price list setup in Shopify.

Cart Items Not Matching Prices

If some cart items show B2B prices but others don't:

• Verify all products in the cart are included in the customer's B2B price list
• Check that cart item rows have a data-cart-item-key or data-variant-id attribute
• For custom themes, ensure the variantIdAttribute selector matches your theme's HTML

Selectors Not Working (Custom Themes)

If DOM updates aren't appearing:

1. Open browser Developer Tools
2. Use the Elements panel to inspect your cart's HTML
3. Verify the CSS selectors in your configuration match the actual elements
4. Try enabling debug: true on localhost for detailed logging

Cart Subtotal Not Updating

The subtotal selector may differ between themes. Common alternatives:

• .totals__subtotal-value (Dawn)
• .totals__total-value (some Dawn variants)
• .cart__subtotal (older themes)

Update the cartSubtotal selector in your configuration to match your theme.

PunchOut Cloud Not Receiving B2B Prices

If PunchOut Cloud transfers standard prices instead of B2B prices:

• Ensure enableDomUpdates is not the issue — even with DOM updates disabled, the pricing data is still populated for PunchOut Cloud
• Check that the cart pricing script loads before punchout.min.js
• Verify window.BSS_B2B.cart contains pricing data in the browser console

For additional help, see the PunchOut Commerce setup guide or the Widget Troubleshooting page.

Next Steps