Add background image to my homepage only (cascade theme)

Store Design
, , ,
1

Hi all,

As title states I am looking to upload a background image to my homepage only through a file in my contents.

Any help is apprecaited,

Thank you

2

Hi there, @charlie091 , Welcome to the Shopify Community!

To upload a background image to your homepage from your contents:

  1. Go to “Online Store” > “Themes” in your Shopify admin.
  2. Find your theme and click “Customize.”
  3. Look for the option to upload a background image, typically under “Sections” or “Theme Settings.”
  4. Choose your file and save it.

If you encounter difficulties, feel free to reach out to me.

3

Thanks Ishan,

It’s in neither of those places, do you some code I can apply?

Thanks!

4

Code:

{% comment %} Assuming your theme uses the "hero" section for the homepage {% endcomment %}
{% if template == 'index' %}
  {% comment %} Replace "background-image-url" with the URL of your background image {% endcomment %}
  
{% endif %}

Replace “background-image-url” with the URL of your background image file. You can host the image file in your Shopify store’s content or use an external URL.

Hope this helps! Let me know if you have any questions.

5

Thanks Ishan,

Still not working I am afraid, i pasted into the theme.liquid above head closing tag and still nothing?

Thanks!

6

I also want to add the same features in my shopify store. Can you guide me regarding this? I don’t want to use any app or plugin due to site load speed.

7

@charlie091 @kelly04

Please reach out to me at: manshi@makkpress.com

8

Hi,

I emailed you and haven’t heard back?

Thanks!

9

Email sent

10

Hi Charlie,
did you ever manage to make this work?