Tutorials and Examples
Build an ecommerce store
4. Load and place Shopify products
7min
now that you have set up the structure and ambiance of your virtual store, it's time to populate it with products from your shopify store this guide walks you through creating entities to hold your products, attaching the necessary ecommerce components, and positioning your products within your scene step 1 create an empty entity to hold your product entities are fundamental building blocks in the ir editor you will create an empty entity to which you can attach your shopify product to create an empty entity add a new entity click the add entity button located in the hierarchy panel select empty from the options available, select empty to add a new empty entity to the hierarchy make the entity active ensure your new entity is selected in the hierarchy panel so its components are displayed in the properties panel step 2 attach an ecommerce product component to your entity to load a product into your entity, you need to add an ecommerce product component to add an ecommerce product component add a new component in the properties panel, click add component expand the ecommerce category click on the ecommerce category to see the available components select ecommerce product choose ecommerce product from the list this action adds the component to your entity configure the component expand the newly added ecommerce product component in the properties panel to view its settings step 3 load your product into the entity with the ecommerce product component in place, you can now load your product into the entity to load a product select shopify as the provider in the provider dropdown menu, select shopify choose a product in the product dropdown menu, select the product you want to load this action configures the component to display the selected product verify the product loads the entity now populates with the model of the selected product you can see the product appear in the viewport can't view your shopify products? if the list of products does not show any of your shopify products, ensure your store is correctly set up revisit the 2 configure the shopify plugin docid\ vx xlkkakfsjsdvdosebn guide to confirm proper integration step 4 position your product in the scene you can move and position your product within the scene to create an appealing display to position your product use the transform component select the entity in the hierarchy panel in the properties panel, expand the transform component to adjust the position, rotation, and scale of your product direct manipulation in the viewport alternatively, directly manipulate the product in the viewport by selecting it and using the move , rotate , and scale tools grouping entities for easier positioning to position products more easily, group your product entity with another entity, like a table or shelf, in the hierarchy this approach helps you move and align products accurately within your scene expanding and viewing product details when you load a shopify product into your scene, clicking on it in the viewport displays its details, such as description, price, and add to cart options this interaction helps simulate the user shopping experience of your users next steps adding videos to your store with your products loaded and positioned, the next 5 add videos to your store docid\ hn2umzbj 5hxlglyalqod guide focuses on enhancing your virtual experience this includes creating video entities and configuring video resources to play within your scene