:::

B2B Quick Order

This example should help get you started developing Shopware Frontends & Quick Order from Commercial Features

⚠️ The implementation does not require an API Schema defined on the Quick Order extension side. The required definitions are added in ./api-types/storeApiTypes.overrides.ts. However, when any extension has it implemented - that will land right into base OpenAPI schema -> like here api-types/storeApiTypes.d as a result of api-gen command.

Customization

• edit ./src/App.vue in order to change the current example's logic, look & feel.
• edit ./src/main.js in order to adjust Shopware Frontends plugin

Overview of example

• ./api-types/storeApiTypes.overrides.ts file contains the additional definitions to make sure an api-client knows the schemas and operations added by an extension
• ./src/App.vue containing a logic for: searching and adding items, uploading a csv file with a specific format. See the comments left there.

Project Setup

pnpm install

Configuration

In order to use the example, you need to:

• Have a running Shopware 6 instance (Evolve plan or Beyond if hosted on Cloud, or Commercial plugin installed).

  Rename .env.template to .env and Put an API URL and API Access Key of your Shopware instance:

  VITE_SHOPWARE_API="https://201023-quick-order.swstage.store/"
  VITE_SHOPWARE_ACCESS_KEY="SWSCBHFSNTVMAWNZDNFKSHLAYW"

• Have a customer account with B2B Quick Order feature activated.

• Provide the credentials for the customer (previous step) by editing .env file:

  VITE_TEST_LOGIN_EMAIL="myb2bcustomer@shopware.com"
  VITE_TEST_LOGIN_PASSWORD="!@#verysecretpasswd"

Run for development

pnpm dev

or...

⚠️ Remember to prepare your app first, see Configuration chapter above.

📁 Import file feature

file upload can be tested in that format:

product_number,quantity
SW10096.3,2
SW10079,5

You can use products.csv

---

Auto-generated

This page is generated from an external markdown file. In case of any issues or dead links, please visit the source file.