Shopify 3d into video?

Ask & Offer

Topic summary

A user wants to replicate a 3D video intro effect (similar to xwhite.es) on their Shopify store. They’re seeking guidance on creating the 3D video (possibly in Blender), optimizing it for web performance, and embedding it to autoplay on page load.

Responses received:

  • One developer shared a demo implementation on a Shopify site and offered to provide code/guidance via DM
  • Another contributor clarified it’s simply a video in a custom section, noting the 3D aspect is just content creation (separate from implementation)

Critical UX warning: The third respondent strongly advised against this approach, citing poor user experience issues:

  • Hijacking page content and scroll functionality
  • Combined with age-gate popups creates friction
  • Video doesn’t even showcase the product afterward
  • Prioritizes aesthetics over conversions and customer experience

The discussion remains open with no clear resolution on whether to proceed with implementation.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I’m trying to achieve an effect similar to the opening scene on https://xwhite.es/ where a 3D video plays as soon as the site loads. I believe the video might be created in Blender, but I’m not entirely sure.

Does anyone know:

  1. How to create a similar 3D video effect?

  2. What format and settings should be used to optimize it for web use?

  3. The best way to embed it on a Shopify store so it loads smoothly without affecting performance?

  4. How to place video on the website opening?

Would really appreciate any insights or guidance!

Thanks in advance!

3

I’ve implemented a similar intro on a demo Shopify site for reference:
:backhand_index_pointing_right: https://minimog-fashion-store.myshopify.com/
Password: 1

If you’d like the same setup or need the full code integration, you can DM me on the Shopify Community — my username is Raj-webdesigner. I’ll be happy to guide you through it.

Hope this helps!
– Raj

4

It’s a video in a custom section, reach out if your serious and have a proper budget for either theme customizations or a 3-D animation budget.

It’s just video, the content being 3D models is irrelevant.
The real issue is how that’s n incredibly poor user experience.
Don’t hijack the entire page content and the scroll.
And that’s AFTER people have to deal with the age-gate nag popup.
When the video ends it doesn’t even show the product the video is trying to emphasize.

Incredibly sloppy do not replicate this type ohgollygee behavior, unless you want to burn money trying to fulfill your personal aesthetics over what is good for the business, the brand, and customers and for conversions.

1 Like