Contact usContact ShopifyTry a theme
Edit

Kettle

Kettle demo files

💡 Tip: Duplicate your theme before making code changes. This will ensure you have a backup to revert to if needed.

If you want to get a head start on your theme design this guide will help you copy the existing layout and settings from our demo stores.

1

Open up theme editor

In Shopify select Online store then click Edit code for the theme you'd like update.

2

Duplicate theme

It's always a good idea to have a backup.

3

Copy changes

Copy the below files and replace your existing file.

Section files

sections/header-group.json
{
  "type": "header",
  "name": "Header group",
  "sections": {
    "theme_announcement": {
      "type": "theme__announcement",
      "blocks": {
        "announcement_z8GqMR": {
          "type": "announcement",
          "settings": {
            "content": "<p>Your Cafe One Stop Shop</p>"
          }
        }
      },
      "block_order": [
        "announcement_z8GqMR"
      ],
      "custom_css": [],
      "settings": {
        "announcement_delay": 0,
        "color_scheme": "color__bg-tertiary color__tertiary",
        "layout_alignment": "left",
        "enable_margin": true,
        "visibility": ""
      }
    },
    "theme_header": {
      "type": "theme__header",
      "custom_css": [],
      "settings": {
        "dropdown_links": "main-menu",
        "logo_default": "shopify://shop_images/keystone_1.png",
        "logo_desktop_height": 50,
        "logo_mobile_height": 20,
        "enable_logo_on_desktop": true,
        "bar_default_color_scheme": "color__bg-secondary color__secondary",
        "bar_default_color_border": "color__border-divider-1",
        "bar_button_search_type": "always",
        "bar_button_cart_type": "icon",
        "bar_button_login_type": "icon",
        "bar_button_menu_type_desktop": "none",
        "bar_button_menu_type_mobile": "icon",
        "bar_capitilization": "",
        "bar_font": "type__body",
        "bar_link_as_button": true,
        "enable_margin": true,
        "dropdown_color_scheme": "color__bg-neutral !color__text",
        "dropdown_color_border": "color__border-divider-1",
        "visibility": ""
      }
    }
  },
  "order": [
    "theme_announcement",
    "theme_header"
  ]
}
sections/footer-group.json
{
  "type": "footer",
  "name": "Footer group",
  "sections": {
    "theme_footer": {
      "type": "theme__footer",
      "blocks": {
        "newsletter_3tHc8z": {
          "type": "newsletter",
          "settings": {
            "heading": "Newsletter",
            "content": "",
            "button": "Subscribe",
            "disclaimer": "",
            "success": "<p>Success! You've been subscribed.</p>"
          }
        },
        "menu_4kpwpK": {
          "type": "menu",
          "settings": {
            "menu": "footer"
          }
        },
        "menu_xEP7aW": {
          "type": "menu",
          "settings": {
            "menu": "footer-2"
          }
        },
        "menu_RjKi3r": {
          "type": "menu",
          "settings": {
            "menu": "footer-3"
          }
        },
        "menu_A8h9q6": {
          "type": "menu",
          "settings": {
            "menu": ""
          }
        },
        "content_9CcQHh": {
          "type": "content",
          "disabled": true,
          "settings": {
            "heading": "",
            "content": "",
            "button_label": "",
            "button_url": "",
            "logo": "shopify://shop_images/cuppa.png",
            "logo_desktop_height": 70,
            "logo_mobile_height": 50
          }
        }
      },
      "block_order": [
        "newsletter_3tHc8z",
        "menu_4kpwpK",
        "menu_xEP7aW",
        "menu_RjKi3r",
        "menu_A8h9q6",
        "content_9CcQHh"
      ],
      "custom_css": [],
      "settings": {
        "spacing_top": 150,
        "spacing_bottom": 100,
        "main_color_scheme": "color__bg-secondary color__secondary",
        "main_color_border": "color__border-divider-1",
        "main_color_button": "btn--small btn--tertiary",
        "main_layout_x_alignment": "justify-between",
        "sub_color_scheme": "color__bg-secondary color__secondary",
        "sub_color_border": "color__border-divider-1",
        "sub_links": "",
        "sub_show_account_link": false,
        "sub_show_localization": false,
        "sub_show_payment_icons": true,
        "sub_enable_follow_on_shop": false,
        "visibility": ""
      }
    }
  },
  "order": [
    "theme_footer"
  ]
}
sections/overlay-group.json
{
  "type": "custom.overlay",
  "name": "Overlay group",
  "sections": {
    "theme_tooltip": {
      "type": "theme__tooltip",
      "blocks": {
        "71c48f59-2e6d-4190-8942-3924132a07ee": {
          "type": "newsletter",
          "settings": {
            "content": "<p>Sign up and save 10%</p>",
            "button_label": "Subscribe",
            "disclaimer": "",
            "success": "<p>Success! You've been subscribed.</p>"
          }
        }
      },
      "block_order": [
        "71c48f59-2e6d-4190-8942-3924132a07ee"
      ],
      "settings": {
        "button_label": "Save 10%",
        "button_icon": "bell",
        "color_button": "btn",
        "placement": "bottom-0 left-0",
        "visibility": ""
      }
    },
    "theme_scrollup": {
      "type": "theme__scroll-up",
      "disabled": true,
      "settings": {
        "scroll_up_style": "text",
        "button_color": "btn btn--plain",
        "visibility": "hidden md:block"
      }
    },
    "theme_age-verification": {
      "type": "theme__age-verification",
      "disabled": true,
      "settings": {
        "age_verification_style": "full_date",
        "age_limit": 1,
        "heading": "Verify your age",
        "content": "<p>Please confirm that you are over the age of 18 to proceed.</p>"
      }
    }
  },
  "order": [
    "theme_tooltip",
    "theme_scrollup",
    "theme_age-verification"
  ]
}

Template files

templates/index.json
{
  "sections": {
    "banner_PqnEwq": {
      "type": "banner",
      "blocks": {
        "content_qFhqrQ": {
          "type": "content",
          "settings": {
            "content": "<p>★★★★★ Over 10000+ 5 star reviews</p>"
          }
        },
        "heading_K4cPPH": {
          "type": "heading",
          "settings": {
            "content": "Your favorite barista's favorite coffee supplier"
          }
        }
      },
      "block_order": [
        "content_qFhqrQ",
        "heading_K4cPPH"
      ],
      "settings": {
        "url": "",
        "show_image": false,
        "show_entire_image": false,
        "show_video_background_mobile": false,
        "layout_y_spacing": "min-h-[350px] md:min-h-[450px]",
        "color_scheme": "color__bg-secondary color__secondary",
        "color_text": "color__dark",
        "color_border": "color__border-divider-1",
        "enable_gradient": false,
        "enable_background_overlay": false,
        "style_border": "",
        "layout_y_alignment": "items-end",
        "layout_x_alignment": "justify-start",
        "enable_margin": true,
        "enable_border_margin": false,
        "enable_max_width": true,
        "visibility": ""
      }
    },
    "marquee_jLHmD7": {
      "type": "marquee",
      "blocks": {
        "content_fRWqk8": {
          "type": "content",
          "settings": {
            "content": "<p>One-Stop Cafe Shop</p>",
            "layout_x_alignment": "text-center"
          }
        },
        "content_wVGXTe": {
          "type": "content",
          "settings": {
            "content": "<p>Worldwide Flavours</p>",
            "layout_x_alignment": "text-center"
          }
        },
        "content_EWUr4j": {
          "type": "content",
          "settings": {
            "content": "<p>Roasted in Canada</p>",
            "layout_x_alignment": "text-center"
          }
        },
        "content_eWVFMm": {
          "type": "content",
          "settings": {
            "content": "<p>Compostable Supplies</p>",
            "layout_x_alignment": "text-center"
          }
        }
      },
      "block_order": [
        "content_fRWqk8",
        "content_wVGXTe",
        "content_EWUr4j",
        "content_eWVFMm"
      ],
      "settings": {
        "spacing_top": 20,
        "spacing_bottom": 20,
        "color_scheme": "color__bg-tertiary color__tertiary",
        "color_border": "color__border-divider-1",
        "style_border": "",
        "enable_margin": false,
        "use_reverse_animation": false,
        "animation_speed": 190,
        "visibility": ""
      }
    },
    "product_table_cryWpb": {
      "type": "product-table",
      "settings": {
        "collection": "coffee",
        "heading": "",
        "content": "",
        "button_label": "",
        "button_url": "",
        "spacing_top": 50,
        "spacing_bottom": 50,
        "color_scheme": "color__bg-body color__text",
        "color_border": "color__border-selected-1",
        "color_button": "btn btn--neutral",
        "style_border": "",
        "layout_x_alignment": "justify-between",
        "enable_margin": true,
        "enable_split": false,
        "visibility": "",
        "show_details_button": true,
        "show_variant_table": true
      }
    },
    "hotspot_HfDtfJ": {
      "type": "hotspot",
      "blocks": {
        "link_PNTbch": {
          "type": "link",
          "settings": {
            "title": "Coffee",
            "url": "shopify://collections/coffee",
            "layout_y_alignment": 32,
            "layout_x_alignment": 58
          }
        },
        "link_K7YMPA": {
          "type": "link",
          "settings": {
            "title": "Coffee Makers",
            "url": "shopify://collections/coffee-makers",
            "layout_y_alignment": 79,
            "layout_x_alignment": 25
          }
        },
        "link_mc9WFe": {
          "type": "link",
          "settings": {
            "title": "Kettles",
            "url": "shopify://collections/kettles",
            "layout_y_alignment": 65,
            "layout_x_alignment": 29
          }
        },
        "link_ppbYBp": {
          "type": "link",
          "settings": {
            "title": "Drinkware",
            "url": "shopify://collections/drinkware",
            "layout_y_alignment": 79,
            "layout_x_alignment": 58
          }
        }
      },
      "block_order": [
        "link_PNTbch",
        "link_K7YMPA",
        "link_mc9WFe",
        "link_ppbYBp"
      ],
      "settings": {
        "image_background_desktop": "shopify://shop_images/kewl_053ecfe5-b2fe-4606-8946-cbc62caf9756.png",
        "show_entire_image": false,
        "layout_y_spacing": "min-h-[450px] md:min-h-[550px]",
        "color_scheme": "color__bg-overlay-3 color__text",
        "color_text": "",
        "color_border": "color__border-divider-1",
        "enable_gradient": false,
        "enable_background_overlay": false,
        "style_border": "",
        "layout_y_alignment": "items-end",
        "layout_x_alignment": "justify-start",
        "enable_margin": true,
        "enable_max_width": true,
        "visibility": ""
      }
    },
    "product_grid_FmKwVT": {
      "type": "product-grid",
      "settings": {
        "collection": "tea",
        "products_count": 10,
        "heading": "",
        "content": "",
        "button_label": "",
        "button_url": "",
        "spacing_top": 50,
        "spacing_bottom": 50,
        "color_scheme": "color__bg-body color__text",
        "color_border": "color__border-divider-1",
        "color_button": "btn btn--secondary",
        "style_border": "",
        "layout_row_desktop": 5,
        "layout_row_mobile": 1,
        "layout_x_alignment": "justify-between",
        "enable_margin": true,
        "enable_split": false,
        "visibility": ""
      }
    },
    "collection_grid_ehAAXh": {
      "type": "collection-grid",
      "settings": {
        "collection": [
          "barista-tools",
          "cafe-tools",
          "coffee",
          "coffee-makers",
          "kettles",
          "sauce",
          "syrups",
          "tea",
          "drinkware",
          "grinders"
        ],
        "heading": "",
        "content": "",
        "button_label": "",
        "button_url": "",
        "spacing_top": 50,
        "spacing_bottom": 50,
        "color_scheme": "color__bg-body color__text",
        "color_border": "color__border-divider-1",
        "color_button": "btn btn--secondary",
        "style_border": "",
        "layout_row_desktop": 5,
        "layout_row_mobile": 2,
        "layout_x_alignment": "justify-between",
        "enable_margin": true,
        "enable_split": false,
        "visibility": ""
      }
    }
  }
}
templates/collection.json
templates/list-collections.json
templates/product.json
templates/page.json
templates/blog.json
templates/article.json

Last updated

Was this helpful?