VTEX Developer Portal

All ContributorsAll Contributors

The Order Quote app provides B2B capabilities to save a shopping cart (its items, product quantities and prices) for further use.

The user can also print the quotation information containing the cart information along with expiration date which is defined at Admin > Apps.

quick-orderquick-order

Configuration

  1. Install the Order Quote app by running vtex install [email protected].
  2. Head over to your VTEX account's admin and access the Apps section.
  3. Select the Order Quote app and click on Settings.
  4. Fill out the Lifespan and Store logo URL fields.
  5. Click on Save.
  6. Add the Order Quote app as a peerDependency in your store-theme's manifest.json file:
 "peerDependencies": {
+  "vtex.orderquote": "1.x"
 }

Once declared as a Peer Dependency, the app will generate a few routes under the /orderquote path in order to create the Order Quote custom page. Namely, they are:

RouteDescription
/orderquoteLists all saved cart quotations.
/orderquote/createRetrieves the current cart information, allowing you to create cart quotations as you desire.
/orderquote/view/:IDDetails page, displayed when you click on a quote from the listing page (/orderquote).

The new routes already contain a default template with all blocks automatically exported by the orderquote app, meaning that the Order Quote pages are ready to be rendered and no further actions are required from you.

Customization

In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.

CSS Handles
buttonDelete
buttonPrint
buttonSave
buttonsContainer
buttonUse
checkboxClear
containerCreate
containerFields
containerList
containerView
refreshButton
refreshLoading
field
inputCreate
inputCreate
listContainer
logo
notAuthenticatedMessage
printingArea
totalizerContainer
itemNameContainer
itemName
itemSkuName

Contributors ✨

Thanks goes to these wonderful people:

This project follows the all-contributors specification. Contributions of any kind are welcome!

Updated 3 months ago


Order Quote


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.