Skip to main content
Version: 3.x

Quick orders

Front-Commerce's QuickOrder component allows customers to add products to their cart by entering an SKU and a quantity. This component is self-contained and renders a compact form designed to be integrated into different contexts. This guide explains how to integrate this feature into your application.

The <QuickOrder /> component adds a user interface allowing your customers to directly order items based on their SKU

Example with the component added to the default&#39;s theme

Integrate QuickOrder into your project​

You must include the component in your page with the following lines:

import React from "react";
import QuickOrder from "theme/modules/QuickOrder";

const MyComponent = () => {
  return (
    <div>
      <QuickOrder />
    </div>
  );
};

If you need to customize the component, you can, of course, override it.