• Video Tutorial
  • GemPages Forum
Start For Free
  • Video Tutorial
  • GemPages Forum
homeHow-to and FAQsDisplay a 3D Model on your Product Module
homeHow-to and FAQsDisplay a 3D Model on your Product Module

Display a 3D Model on your Product Module

In this article, we will learn how to display the 3D Model on your Product pages using the (P) Image element.

 

Step 1: Go to Shopify Admin > Products, then select a product to edit it.

 

 

Step 2: Scroll down to the Media section; from here, you have two options to add a 3D Model to your product:

  • Upload from your device: Click “Add” to select the file to upload from your computer or drop it into the area.
  • Add from URL: Paste the URL into the field and save it by hitting “Add file“.

Visit this Shopify article for guidelines on themes that support the display of 3D Models. For the 3D Model file types supported by Shopify, check out this link instead.

Step 3: Go to the GemPages Dashboard, select one of your pages, and enter the Editor via the “Edit” button.

 

Step 4: You can quickly find the (P) Image element on the left sidebar of the Editor, under the Product section.

 

As a child element, the (P) Image element should be located in a Product Module to work correctly. Drag & drop the Product Module, then nest the (P) Image element inside if your page doesn’t have them.

 

 

Step 5: Click on the (P) Image element to view its configurations in the left sidebar.

Under the Product Image > Display section, select “First 3D Model from Shopify Admin” from the drop-down menu.

 

 

That’s it! Don’t forget to Save & Publish to bring the update to your live page.

 

Should you require any further assistance, please contact our GemPages Support Team at any time via email or live chat.

 

 

 

 

 

Was this helpful?

Yes  No
Related Articles
  • Button Element – FAQs
  • Affiliate & Agency – FAQs
  • Link your pages to Shopify menu item
  • Add the overlay effect to the hero banner
  • How to add Hyperlinks
  • Display text in the right-to-left direction on your page
footer logo
  • Release Note
  • Privacy Policy
  • Terms of Service
  • Community
  • Video Tutorial
© 2017-2023 GemPages. All rights reserved.
Popular Search:Responsive design, Transfer content, Custom code