Display your Volume Pricing discounts directly on your product pages using the ECA: Easy B2B Wholesale Volume Pricing Widget. This allows customers to see applicable discounts while shopping, encouraging bulk purchases.
Step 1: Access Your Theme Editor
From your Shopify dashboard, go to the Online Store section.
Click Edit Theme on the theme you want to customize.
Step 2: Navigate to the Product Template
In the top middle page selector, choose the product template where you want the Volume Pricing widget to appear.
This ensures the widget only appears on the intended product pages.
Step 3: Add the Volume Pricing Widget
In the left-hand editor panel, open the Product Form section.
Click Add Block.
Select ECA: Easy B2B Volume Pricing Widget.
Drag the widget block to your preferred position on the product page.
Tip: You can move and resize the widget block to ensure it integrates seamlessly with your product layout.
Step 4: Widget Configuration
All styling and display settings for the widget are managed from the app itself:
Navigate to Settings > Volume Breaker Widget in the ECA app.
Changes made there automatically update across all product pages.
Advanced Options:
App Proxy Path – /apps/wholesale
Fallback API path if metafield cache is unavailable.
Enable Debug Mode – Logs debug information to the browser console for troubleshooting.
Step 5: Save and Publish
Once you’ve positioned and configured the widget, click Save in the theme editor.
The widget will now appear on the selected product pages, displaying volume pricing ranges to customers in real-time.
Quick Tips:
Preview before publishing: Check a product page to ensure the widget appears correctly.
Use advanced settings only if needed: Debug mode is primarily for troubleshooting.
Consistent styling: Configure widget styling in the app settings for a uniform look across your store.