I want to add a background image to this pagewhere sphere is rotating

Store Design
, , ,

Topic summary

A user wants to add a background image behind a rotating sphere element on their Shopify store homepage (swawe.store).

Proposed Solution:

  • A responder provided HTML structure wrapping the sphere in a background-image div
  • CSS code includes:
    • background: url('Enter your background image URL')
    • background-repeat: no-repeat
    • background-size: cover

Implementation Location:
The code should be added in Shopify theme files via: Online Store > Themes > Actions > Edit code, specifically in the section where the sphere is created.

Status:
The original poster asked for clarification on where exactly to add the code. The responder offered to implement it directly if given theme access, but the conversation appears incomplete with no confirmation of resolution.

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

how to add a background image behind the sphere rotating on my homepage of website https://swawe.store/

Screenshot 2024-07-04 at 20.23.42.png
Screenshot 2024-07-04 at 20.23.42.png2878×1332 200 KB

2

Hello @attackon

Here is the HTML and CSS you can add to the sphere section:

.background-image { background: url(''); background-repeat: no-repeat; background-size: cover; }

Hope this works.
Thank you!

3

where to add this code?

4

Hello @attackon ,

Inside your theme files (Go to Online Store > Themes > Actions > Edit code) where that section will be created, also if you don’t understand, please share access we will do it for you.

Thank you !!