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.
Topic summary
A user wants to implement an interactive 3D logo on their site’s enter/landing page, similar to the effect seen on sitebywok.com, with the ability to configure it through theme settings.
Proposed Solution:
- Add code to
theme.liquidfile before the</head>tag - Insert a custom liquid block in the homepage template
- Include specific markup code with a customizable
srcvalue
Current Status:
- One responder provided step-by-step implementation instructions with code snippets and screenshots
- A follow-up question remains unanswered: how to obtain or create the custom
srcvalue needed for the 3D logo
The discussion is ongoing, as the technical details about sourcing or generating the 3D logo file have not yet been addressed.
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 tag
Then add a custom liquid in your homepage template.
Add the code below to the custom liquid. You need to change src value.
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?

