How to change the appearance of a quick order form?
To customize the appearance of your Quick Order Form:
- Go to Apps → Smind B2B → Quick Order Form.
- Click the Quick Order Form you want to edit.
- At the top of the page, select the Appearance tab.
The page is divided into two panels:
- Left panel: Contains all the appearance settings that control how your Quick Order Form is displayed.
- Right panel: Shows a live preview, allowing you to see your changes in real time before publishing.
In the left panel, you can control the appearance settings
- Filters: Control how customers search and navigate the product list: Search Bar, Sort, Bulk Import CSV.
- Product Columns: Choose which product information is displayed in the order grid: Product Image, SKU, Product Type, Vendor, Inventory Status, Discount Badge. The Product Name, Price, and Quantity input are always displayed and cannot be hidden.
- B2B Pricing Display: Control which B2B pricing information is shown to your customers. Show volume tier badge, Show tier breakdown in row, Show wholesale price (line-through + save badge) and Show customer group banner
- Pagination: Set the number of product rows displayed per page.
- Colors: Choose from four preset color schemes or create your own custom color combination.
- Typography & Border: Customize the font styles and border appearance of the Quick Order Form.
- Custom CSS: Add your own custom CSS to further customize the appearance of this Quick Order Form.
- Pricing Applied: View an audit summary showing which Wholesale Pricing and Volume Pricing rules are currently applied to products displayed in this Quick Order Form.
Did this answer your question?
If anything is unclear, tell us — we improve docs weekly.