Contact usContact ShopifyTry a theme
Edit

Kindred

Kindred 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>Save 15% when you become a wholesale customer</p>"
          }
        }
      },
      "block_order": [
        "announcement_z8GqMR"
      ],
      "custom_css": [],
      "settings": {
        "announcement_delay": 0,
        "color_scheme": "color__bg-secondary color__secondary",
        "layout_alignment": "center",
        "enable_margin": true,
        "visibility": ""
      }
    },
    "theme_header": {
      "type": "theme__header",
      "custom_css": [],
      "settings": {
        "dropdown_links": "main-menu",
        "logo_default": "shopify://shop_images/keystonewholesale_e626a9b6-9a22-4c2e-b215-a6bcdefabc91.png",
        "logo_desktop_height": 50,
        "logo_mobile_height": 24,
        "enable_logo_on_desktop": true,
        "bar_default_color_scheme": "color__bg-body color__text",
        "bar_default_color_border": "color__border-selected-1",
        "bar_button_search_type": "desktop",
        "bar_button_cart_type": "text",
        "bar_button_login_type": "text",
        "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-body !color__text",
        "dropdown_color_border": "color__border-selected-1",
        "visibility": ""
      }
    }
  },
  "order": [
    "theme_announcement",
    "theme_header"
  ]
}
sections/footer-group.json
{
  "type": "footer",
  "name": "Footer group",
  "sections": {
    "liquid_pk3CRN": {
      "type": "liquid",
      "settings": {
        "liquid": "<script>\n  window.intercomSettings = {\n    api_base: \"https://api-iam.intercom.io\",\n    app_id: \"fnubgeik\",\n  };\n</script>\n\n\n<script>\n  // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/fnubgeik'\n  (function(){var w=window;var ic=w.Intercom;if(typeof ic===\"function\"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/fnubgeik';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();\n</script>",
        "spacing_top": 0,
        "spacing_bottom": 0,
        "color_scheme": "color__bg-body color__text",
        "color_border": "color__border-divider-1",
        "style_border": "",
        "enable_margin": true,
        "visibility": ""
      }
    },
    "theme_footer": {
      "type": "theme__footer",
      "blocks": {
        "menu_4kpwpK": {
          "type": "menu",
          "settings": {
            "menu": "accounts"
          }
        },
        "menu_A8h9q6": {
          "type": "menu",
          "settings": {
            "menu": "skincare"
          }
        },
        "menu_yP3Mht": {
          "type": "menu",
          "settings": {
            "menu": "haircare"
          }
        },
        "menu_WrzYwh": {
          "type": "menu",
          "settings": {
            "menu": "footer"
          }
        },
        "menu_gDU3iq": {
          "type": "menu",
          "settings": {
            "menu": ""
          }
        },
        "menu_WhXna6": {
          "type": "menu",
          "settings": {
            "menu": ""
          }
        },
        "menu_KM8fYN": {
          "type": "menu",
          "settings": {
            "menu": ""
          }
        },
        "content_DzxrfW": {
          "type": "content",
          "settings": {
            "heading": "",
            "content": "",
            "button_label": "",
            "button_url": "",
            "logo": "shopify://shop_images/keystonewholesale_e626a9b6-9a22-4c2e-b215-a6bcdefabc91.png",
            "logo_desktop_height": 30,
            "logo_mobile_height": 20
          }
        }
      },
      "block_order": [
        "menu_4kpwpK",
        "menu_A8h9q6",
        "menu_yP3Mht",
        "menu_WrzYwh",
        "menu_gDU3iq",
        "menu_WhXna6",
        "menu_KM8fYN",
        "content_DzxrfW"
      ],
      "custom_css": [],
      "settings": {
        "spacing_top": 50,
        "spacing_bottom": 50,
        "main_color_scheme": "color__bg-shade-1 color__text",
        "main_color_border": "!color__border-transparent",
        "main_color_button": "btn--small btn--secondary",
        "main_layout_x_alignment": "justify-between",
        "sub_color_scheme": "color__bg-shade-1 color__text",
        "sub_color_border": "!color__border-transparent",
        "sub_links": "",
        "sub_show_account_link": false,
        "sub_show_localization": false,
        "sub_show_payment_icons": true,
        "sub_enable_follow_on_shop": false,
        "visibility": ""
      }
    }
  },
  "order": [
    "liquid_pk3CRN",
    "theme_footer"
  ]
}
sections/overlay-group.json
/*
 * ------------------------------------------------------------
 * IMPORTANT: The contents of this file are auto-generated.
 *
 * This file may be updated by the Shopify admin theme editor
 * or related systems. Please exercise caution as any changes
 * made to this file may be overwritten.
 * ------------------------------------------------------------
 */
{
  "type": "custom.overlay",
  "name": "Overlay group",
  "sections": {
    "theme_tooltip": {
      "type": "theme__tooltip",
      "blocks": {
        "71c48f59-2e6d-4190-8942-3924132a07ee": {
          "type": "newsletter",
          "settings": {
            "content": "<p>Tell customers why they should subscribe to your newsletter.<\/p>",
            "button_label": "Subscribe",
            "disclaimer": "",
            "success": "<p>Success! You’ve been subscribed.<\/p>"
          }
        }
      },
      "block_order": [
        "71c48f59-2e6d-4190-8942-3924132a07ee"
      ],
      "disabled": true,
      "settings": {
        "button_label": "Sign up",
        "button_icon": "",
        "color_button": "btn btn--secondary",
        "placement": "bottom-0 right-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": {
    "signup_CkHT9k": {
      "type": "signup",
      "blocks": {
        "content_zC9eY6": {
          "type": "content",
          "settings": {
            "heading": "",
            "content": "",
            "button_label": "",
            "url": "",
            "image_background": "shopify://shop_images/pexels-koolshooters-8946878.jpg",
            "enable_autoplay": true,
            "enable_mute_toggle": true,
            "enable_loop": true,
            "spacing_minimum_height": 700,
            "enable_padding": false,
            "color_scheme": "color__bg-shade-2 color__text",
            "color_text": "!color__text",
            "color_border": "",
            "color_button": "btn--small btn--plain",
            "enable_gradient": false,
            "layout_width_desktop": 9,
            "layout_width_mobile": 12,
            "layout_y_alignment": "justify-end",
            "layout_x_alignment": "justify",
            "text_position": "above"
          }
        },
        "form_JngpU9": {
          "type": "form",
          "settings": {
            "heading": "Wholesale Login",
            "content": "",
            "default_form": "login",
            "layout_width_desktop": 6,
            "layout_width_mobile": 12,
            "layout_x_alignment": ""
          }
        },
        "field_NPXRbN": {
          "type": "field",
          "settings": {
            "input_label": "Company Name",
            "input_placeholder": "Enter a company name",
            "input_type": "input",
            "enable_required_field": true
          }
        }
      },
      "block_order": [
        "content_zC9eY6",
        "form_JngpU9",
        "field_NPXRbN"
      ],
      "settings": {
        "spacing_top": 0,
        "spacing_bottom": 0,
        "color_scheme": "color__bg-shade-1 color__text",
        "color_border": "color__border-divider-1",
        "color_button": "btn btn--tertiary",
        "style_border": "",
        "layout_y_alignment": "items-start",
        "layout_x_alignment": "justify-start",
        "enable_margin": false,
        "visibility": ""
      }
    },
    "product_grid_FmKwVT": {
      "type": "product-grid",
      "settings": {
        "collection": "best-sellers",
        "products_count": 4,
        "heading": "Best Sellers",
        "content": "",
        "button_label": "",
        "button_url": "",
        "spacing_top": 150,
        "spacing_bottom": 50,
        "color_scheme": "color__bg-body",
        "color_border": "color__border-divider-1",
        "color_button": "btn btn--secondary",
        "style_border": "",
        "layout_row_desktop": 4,
        "layout_row_mobile": 1,
        "layout_x_alignment": "justify-between",
        "enable_margin": true,
        "enable_split": false,
        "visibility": ""
      }
    },
    "content_grid_rmM7gD": {
      "type": "content-grid",
      "blocks": {
        "content_KxV9jC": {
          "type": "content",
          "settings": {
            "heading": "Skin Care",
            "content": "",
            "button_label": "",
            "url": "shopify://collections/skincare",
            "image_background": "shopify://shop_images/pexels-koolshooters-8946947_1_f204f5b2-58a5-46b5-a97f-93764a4df752.jpg",
            "enable_autoplay": true,
            "enable_mute_toggle": true,
            "enable_loop": true,
            "spacing_minimum_height": 440,
            "enable_padding": true,
            "color_scheme": "color__bg-overlay-1 color__text",
            "color_text": "!color__light",
            "color_border": "outline--width color__outline-divider-1",
            "color_button": "btn--small btn--outline",
            "enable_gradient": true,
            "layout_y_alignment": "justify-start",
            "layout_x_alignment": "left",
            "text_position": "below",
            "layout_row_span": "row-span-1",
            "layout_col_span": "col-span-1 md:col-span-1"
          }
        },
        "content_bLpbd7": {
          "type": "content",
          "settings": {
            "heading": "Hair Care",
            "content": "",
            "button_label": "",
            "url": "shopify://collections/hair-care",
            "image_background": "shopify://shop_images/pexels-karolina-grabowska-5241037_1_1ab4a54f-541e-4c99-ad39-6615f2e19827.jpg",
            "enable_autoplay": true,
            "enable_mute_toggle": true,
            "enable_loop": true,
            "spacing_minimum_height": 460,
            "enable_padding": true,
            "color_scheme": "color__bg-overlay-1 color__text",
            "color_text": "!color__light",
            "color_border": "outline--width color__outline-divider-1",
            "color_button": "btn--small btn--outline",
            "enable_gradient": true,
            "layout_y_alignment": "justify-start",
            "layout_x_alignment": "left",
            "text_position": "below",
            "layout_row_span": "row-span-1",
            "layout_col_span": "col-span-1 md:col-span-1"
          }
        }
      },
      "block_order": [
        "content_KxV9jC",
        "content_bLpbd7"
      ],
      "settings": {
        "heading": "",
        "content": "",
        "button_label": "",
        "button_url": "",
        "spacing_top": 100,
        "spacing_bottom": 50,
        "color_scheme": "color__bg-body",
        "color_border": "color__border-divider-1",
        "color_button": "btn btn--secondary",
        "style_border": "",
        "layout_row_desktop": 2,
        "layout_row_mobile": 1,
        "layout_x_alignment": "justify-between",
        "enable_margin": true,
        "enable_split": false,
        "visibility": ""
      }
    }
  },
  "order": [
    "signup_CkHT9k",
    "product_grid_FmKwVT",
    "content_grid_rmM7gD"
  ]
}
templates/collection.json
templates/product.json
templates/page.json
templates/blog.json
templates/article.json
templates/list-collections.json

Last updated

Was this helpful?