Include the Banner Image in the Header Menu in Theme Sense

Store Design

Topic summary

Goal: Make the header overlay the banner image (transparent header effect) in the Sense theme.

Proposed approach: Add two new theme settings inside the header.liquid schema (the settings configuration block for the header section):

  • Checkbox: “Enable Transparent Header”
  • Text field: “Transparent Color”
    Location: Insert these entries under the schema, after the existing settings.

Implementation detail: The helper provided the exact JSON-like entries and emphasized adding a trailing comma to avoid a syntax error. The OP initially pasted the code, encountered an error, and was advised to copy-paste the corrected snippet with the comma.

Notes:

  • Images are central to show the current header and the desired transparent-over-banner look.
  • “header.liquid” is the theme’s header file; “schema” defines editable settings for that section in the theme editor.

Status: No confirmation that the fix worked yet; the helper also suggested continuing via private chat. The thread remains open/ongoing with the next step being to reinsert the corrected schema entries and test.

Summarized with AI on December 15. AI used: gpt-5.
1

Hi,

i want the banner image from my store to be included in my menu header section. currently it looks like this:

emirsalibasic_0-1730492877335.png
emirsalibasic_0-1730492877335.png1920×779 313 KB

but i want it like this:

emirsalibasic_0-1730493165108.png
emirsalibasic_0-1730493165108.png1920×526 217 KB

2

@emirsalibasic

Add this code in the header.liquid file under schema

 {
      "type": "checkbox",
      "id": "enable_transparent-header",
      "label": "Enable Transparent Header",
      "default": false
    },
    {
      "type": "text",
      "id": "color-transparent",
      "label": "Transparent Color"
    }

Add this code in the header.liquid file under
3

Hi Mrashid,

thank you very much - where exactly do i need to insert it?

emirsalibasic_0-1730540428996.png
emirsalibasic_0-1730540428996.png1561×749 21.1 KB

4

@emirsalibasic after settings [

5

@mrashid_1 did i insert it wrong? i get an error:

emirsalibasic_0-1730562930035.png
emirsalibasic_0-1730562930035.png1056×1004 43.9 KB

6

@emirsalibasic

{
      "type": "checkbox",
      "id": "enable_transparent-header",
      "label": "Enable Transparent Header",
      "default": false
    },
    {
      "type": "text",
      "id": "color-transparent",
      "label": "Transparent Color"
    },

please copy paste this. you need to add comma , at the end as well

7

@emirsalibasic or reach out on private chat . whats app thank you