1. Installation

• Redirect After Installation: Upon installation, users are automatically directed to the home page of the PC builder app.

2. Creating a New PC Builder

• Accessing PC Builder: Navigate to the home page to create a new PC builder.
• Builder ID: Each PC builder is assigned a unique ID visible on the interface.

3. Adding Components

• Creating Components: Define custom components like CPU, Case, RAM, etc., and assign them to collections.
• Selecting Collections: Choose collections where related products (e.g., CPUs) are defined.
• Product Configuration:
  • Multi-product Selection Option: If selected, users can choose multiple products from one component.
  • Quantity Option: If selected, users can specify the quantity of each selected product.

4. Integration with Theme Customization and Interface for Product Selection

• Builder’s Input Field: In Shopify’s theme customization, paste the builder ID into the specified app block.
• Product Configuration: After entering the builder ID, you can configure products and specify quantities.

5. Purchase Flow

• Buy Now Button: Click ‘Buy Now’ after selecting all PC builder components.
• Redirect to Shopify Checkout: You will be redirected to the Shopify checkout page with all selected products.