Have your say in Community Polls: What was/is your greatest motivation to start your own business?

I want to add a interactive 3d logo configuration for the “enter” page in my site

I want to add a interactive 3d logo configuration for the “enter” page in my site

sitebycb
Shopify Partner
1 0 0

I want to add a interactive 3d logo configuration for the “enter” page in my site, I want to be able to change it in the settings under “enter” An example would be this sites logo on the landing page: sitebywok.com.

Reply 1 (1)

AnneLuo
Shopify Partner
1138 211 235

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

 

<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

 

Then add a custom liquid in your homepage template.

AnneLuo_0-1731479380399.png

 

Add the code below to the custom liquid. You need to change src value.

 

<model-viewer src="https://cdn.shopify.com/3d/models/17c33a3a3add4ced/wok.glb" alt="3D Product" auto-rotate camera-controls>
</model-viewer>

 

AnneLuo_1-1731479623965.png

 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee