Sample Projects and Use Cases > Use Case: 3D-Guided Service Instructions > 3D-Guided Service Instructions 301: Add Pricing Data and a Shopping Cart to a Model
  
3D-Guided Service Instructions 301: Add Pricing Data and a Shopping Cart to a Model
Prerequisites
Before you begin this portion of the project make sure you’ve completed the following sections:
3D-Guided Service Instructions 101: Use Attributes in Creo Illustrate
3D-Guided Service Instructions 201: Use JavaScript to Highlight Parts and Create Ionic Popups
3D-Guided Service Instructions 202: Use JavaScript to Find Parts
Introduction
It’s not uncommon for a part to break during servicing. When they do break, it can be a lengthy process to order a new part. For example, human error can lead to the wrong part being ordered, but Vuforia Studio can help you avoid that lengthy process by providing the ability to not only display part data, but also connect to an ordering system and order parts directly from within an AR experience. This section teaches you how to select parts, add them to a cart, and then order them using Vuforia View.
1. Add Attributes in Bulk
2. Set Up the Project
3. Add Application Parameters and Edit the Popup with an If Else Statement
4. Remove Outdated Functions and Text
5. Update the 2D Interface
6. Build the Cart and Popup Functions
7. Create Popup Buttons
8. Use CSS to Style the Experience