Using a Photo as a Background Venture (Outdoors) Theme

Store Design
6

Hi @ecoAV

First edit settings_schema.json under config and press enter after , as shown in the image

Sheesh_b_0-1639525513396.png
Sheesh_b_0-1639525513396.png1193×599 22.9 KB

then paste the below code

{
    "name": "Background Image",
    "settings": [
      {
        "type": "header",
        "content": "Background Image"
      },
      {
        "type": "paragraph",
        "content": "To set a background image to your whole website, tick the box below and upload the image"
      },
      {
        "type": "checkbox",
        "id": "enable-bg-image",
        "label": "Enable to use image as background",
        "default": false
      },
      {
        "type": "image_picker",
        "id": "add-bg-image",
        "label": "Upload Background Image"
      }
    ]
  },

Then, save the file.

Now, under Layout edit theme.liquid

Find the line with class page-container on line 102( it may be different on your end, I’m using fresh theme)

and replace the whole line with below

Now, save this and customize your theme. You’ll find the add background image option under Theme Settings.

Any questions click the email link below my every answer to reach me directly.

1 Like