Personalized checkout and custom promotions with Shopify Scripts
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" ] }
Hi,
Try replacing the type: 'rich-text' in the sections with type: 'text'.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024