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

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.liquid file before the </head> tag
  • Insert a custom liquid block in the homepage template
  • Include specific markup code with a customizable src value

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 src value 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.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

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 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!

1 Like

How do you get the custom src?