Shopify themes, liquid, logos, and UX
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.
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.
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>
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
How do you get the custom src?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025