What's your biggest current challenge? Have your say in Community Polls along the right column.

Setting 'text' is invalid. All top level nodes must be '<p>', '<ul>', '<ol>' or '<h1>'-'<h6>' tags

Setting 'text' is invalid. All top level nodes must be '<p>', '<ul>', '<ol>' or '<h1>'-'<h6>' tags

Braydenward284
Shopify Partner
1 0 0

I've seen other discussions answer this question but it doesn't seem to be working. I'm new to shopify development but I've done some web development but I seem to have little idea of what I'm doing integrating my mockup into shopify and the docs don't seem to help here. My index.json is giving me the error "Setting 'text' is invalid. All top level nodes must be '<p>', '<ul>', '<ol>' or '<h1>'-'<h6>' tags" there are only 2 instances of type "text" in the file. body_text under the hero_section the about-us sections. I've wrapped the text of both settings in <p> tags and still get this error. Below is my templates/index.json file.

{
  "sections": {
    "hero_section": {
      "type": "image-banner",
      "blocks": {
        "heading_text": {
          "type": "heading",
          "settings": {
            "heading": "Relaxation, Redefined",
            "heading_size": "h1"
          }
        },
        "body_text": {
          "type": "text",
          "settings": {
            "text": "<p>Discover the ultimate in relaxation with Serenisphere's carefully curated products.</p>",
            "text_style": "body"
          }
        },
        "button_1": {
          "type": "buttons",
          "settings": {
            "button_label": "Explore Products",
            "button_link": "shopify://collections/all",
            "button_style_secondary": false
          }
        }
      },
      "block_order": [
        "heading_text",
        "body_text",
        "button_1"
      ],
      "settings": {
        "image": "shopify://shop_images/hero-background.webp",
        "image_overlay_opacity": 50,
        "image_height": "large",
        "desktop_content_alignment": "center",
        "desktop_content_position": "center",
        "mobile_content_alignment": "center",
        "show_text_box": true,
        "show_text_below": false,
        "text_color": "#ffffff",
        "background_color": "linear-gradient(to top right, rgba(30, 39, 69, 0.5), rgba(30, 39, 69, 0.5))"
      }
    },
    "featured_products": {
      "type": "featured-collection",
      "settings": {
        "title": "Our Featured Products",
        "heading_size": "h2",
        "collection": "all",
        "products_to_show": 3,
        "columns_desktop": 3,
        "show_view_all": true,
        "swipe_on_mobile": true,
        "image_ratio": "adapt",
        "show_secondary_image": true,
        "show_rating": true,
        "columns_mobile": 2,
        "text_color": "#ffffff",
        "background_color": "linear-gradient(to top right, rgba(30, 39, 69, 0.75), rgba(30, 39, 69, 0.75))",
        "padding_top": 36,
        "padding_bottom": 36
      }
    },
    "about_us": {
      "type": "rich-text",
      "blocks": {
        "heading_text": {
          "type": "heading",
          "settings": {
            "heading": "About Serenisphere",
            "heading_size": "h2"
          }
        },
        "body_text": {
          "type": "text",
          "settings": {
            "text": "<p>At Serenisphere, we believe in creating a sanctuary for relaxation and rejuvenation. Discover how our products bring peace and comfort to your life.</p>",
            "text_style": "body"
          }
        }
      },
      "block_order": [
        "heading_text",
        "body_text"
      ],
      "settings": {
        "text_color": "#ffffff",
        "background_color": "linear-gradient(to bottom, #001f3f, #00264d)",
        "padding_top": 36,
        "padding_bottom": 36,
        "cta_button_label": "Learn More",
        "cta_link": "#about"
      }
    },
    "video_section": {
      "type": "video",
      "settings": {
        "heading": "Experience Relaxation",
        "video_url": "https://www.youtube.com/watch?v=_9VUPq3SxOc",
        "heading_size": "h2",
        "description": "Discover the soothing effects of Serenisphere products in action.",
        "full_width": true,
        "text_color": "#ffffff",
        "background_color": "#1e2745",
        "padding_top": 36,
        "padding_bottom": 36
      }
    },
    "featured_collection": {
      "type": "featured-collection",
      "settings": {
        "title": "Complete Your Serenity",
        "heading_size": "h2",
        "collection": "all",
        "products_to_show": 6,
        "columns_desktop": 3,
        "show_view_all": true,
        "swipe_on_mobile": false,
        "image_ratio": "square",
        "show_secondary_image": false,
        "show_rating": true,
        "columns_mobile": 2,
        "text_color": "#ffffff",
        "background_color": "#3e9c9c",
        "padding_top": 28,
        "padding_bottom": 36
      }
    },
    "contact_us": {
      "type": "multicolumn",
      "blocks": {
        "column1": {
          "type": "column",
          "settings": {
            "title": "Call Us",
            "text": "1-800-RELAX"
          }
        },
        "column2": {
          "type": "column",
          "settings": {
            "title": "Email Us",
            "text": "support@serenisphere.com"
          }
        },
        "column3": {
          "type": "column",
          "settings": {
            "title": "Visit Us",
            "text": "123 Serenity Lane, Relaxation City"
          }
        }
      },
      "block_order": [
        "column1",
        "column2",
        "column3"
      ],
      "settings": {
        "title": "Contact Us",
        "heading_size": "h2",
        "image_width": "third",
        "image_ratio": "adapt",
        "columns_desktop": 3,
        "column_alignment": "center",
        "background_color": "#3d6a81c6",
        "text_color": "#ffffff",
        "padding_top": 36,
        "padding_bottom": 36
      }
    }
  },
  "order": [
    "hero_section",
    "featured_products",
    "about_us",
    "video_section",
    "featured_collection",
    "contact_us"
  ]
}
Reply 1 (1)

DanCodes
Shopify Partner
54 9 6

Hi,

Try replacing the type: 'rich-text' in the sections with type: 'text'.

If you'd like to support my work, you're welcome to treat me to a coffee here: Buy Me a Coffee
If you'd like to hire me, feel free to contact me: E-mail WhatsApp