This integration is the default one for 3D photos on your product pages.
This video and this guide offer a great overview of the integration of a 3D Photo with Blocks.
1) add a 3D photo to a product
Before adding the 3D photo block, you will need to add a 3D photo to a product.
If you don't have captured any 3D photo yet, you can use the showroom captures to do so.
On the 3D photo you want to add
Press "Add product" button
this will open the list of products on your store. You can select one or several pages.
Validate and you should see the 3D photo change to a green border. This means your 3D photo is ready to be displayed
All the products that don't have 3D photos added to them won't show any 3D photos or any block.
2) add the 3D photo block to your theme
Press on "Add Block" on the app page.
This will open your product page and add the "Doly 3D photo" block (on the left), which is where the 3D photos are displayed.
You will see that an additional block has been created "Doly 3D. This Block will displays the 3d photo added to the selected capture.
If you don't have any 3D photo selected for that product page, you can change the preview page by clicking on "change" on the preview section on the top left.
As other blocks, you can move that block in the page to get to the best integration for you. Note that for the moment, it is not possible to show the block with the other medias (photos, videos) in the media library.
When you're satisfied with the results, press on "Save" to make the 3D photos live!
You can get back to that screen later by getting on the "Themes" section of your Online shop.
You may also use a theme copy to test 3D photos. To do that, you will have to add manually the Doly Block by pressing on "Add Block" in your copy theme.
3) Integration options
Note that the integration options will be the same for all the 3D photos you will add on your store. By editing the block, this will affect all your product pages which have 3D photos.
1) Width and Height
You can configure the width and height of your 3D photo block by testing different parameters there.
You can use a fixed value (600px), a percentage or viewport width units (100vw).
2) Styling
You can change two parameters today :
color
Add a shadow or not
The color will change the color background for all your captures. Our users usually put them to the same color as their other visual backgrounds.
The "Hide shadow" parameter will make the shadow disappear.
Again, don't forget to press "Save" to see the results live on your store.