New Sections Not Showing Up in Shopify Theme Customizer! How to Fix

Shopify New Section

The newly created section shows on the Shopify theme customizer only if we set presets in the schema. We have to add a preset name and category into the schema of the new section. A sample schema is given below.

{% schema %}
{
  "name": "My New Section",
  "settings": [

  ],
  "presets": [{
    "name": "My New Section",
    "category": "Text"
  }]
}
{% endschema %}

Presets are required only for showing the sections on the home page "Add section" list. For use in any template file, we can directly add the section as  {% section 'my-new-section' %}. Here my-new-section is the section file name.

Explore more about schema presets in Shopify Documentation

Related Blogs

Conditional Tags in Shopify Liquid

if, unless, elsif/else and case/when Conditional Tags in Shopify Liquid

Control Flow or Conditional Tags determines what content should be rendered based on given conditions. if, unless, elsif/else, case/when are conditional tags.

Iteration Tags in Shopify Liquid

for loop, cycle and tablerow Iteration Tags in Shopify Liquid

Iteration tags repeatedly run blocks of code. It renders an expression for every item in an array. Read more about for loop tag, cycle tag, tablerow tag, and its properties.

Theme Tags in Shopify Liquid

layout, render and section Theme Tags in Shopify Liquid

Theme tags allow us to select different theme layouts to use for different pages, and create sections or snippets that can be reusable in different templates. layout, render and section are theme tags.

Work With Images in Shopify - Get Image CDN URL, Theme Assets URL, And Get Image Tag

Work With Images in Shopify - Get Image CDN URL, Theme Assets URL, And Get Image Tag

When we work with images in Shopify, We have to get the image CDN URL from Shopify objects, get the theme assets URL for the theme images, or generate an HTML image tag from the image URL. Explains how to work with images in Shopify.

TypeError: map() is not a function in React

TypeError: map() is not a function in React

“TypeError: map() is not a function” in React occurs when map() function is applied to not an array. Use Array.isArray method to confirm the value is an array.

Limit Text in Laravel

Limit Text in Laravel

Limit text in Laravel can be done using the Str class from Illuminate\Support\Str namespace for truncating text by character count and word count.

Create a Back button with React Router

Create a Back button with React Router

To create a back button with React Router use useNavigate() hook. Call navigate function eg. navigate(-1); inside the onClick function of the back button.

The style prop expects a mapping from style properties to values, not a string

The style prop expects a mapping from style properties to values, not a string

"The style prop expects a mapping from style properties to values, not a string" React error occurs when we pass a CSS string to the style attribute.

Each child in a list should have a unique key prop

Each child in a list should have a unique key prop

Solve Warning: Each child in a list should have a unique ”key" prop in React by setting the id property as a unique key or by auto-assigning unique keys.