Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Here is my code from templates/index.json from my Impluse 7.1.0 that I'm getting a error from when pasting into the newest version of Impulse 7.2.0 I highlighted in green the 2 spots where I think the problem is based on the error I got but not sure. Do I need to add something?
{
"sections": {
"slideshow": {
"type": "slideshow",
"blocks": {
"slideshow-0": {
"type": "image",
"settings": {
"top_subheading": "Made by sisters in Victoria on Vancouver Island",
"title": "Buy locally made artisanal.",
"title_size": 48,
"subheading": "Jewellery + Soaps + Wood wick candles",
"link": "shopify:\/\/collections\/two-blooms-apothecary",
"link_text": "Shop apothecary",
"link_2": "shopify:\/\/collections\/sand-silver-jewellery",
"link_text_2": "Shop Jewellery",
"color_accent": "#e4cfc3",
"text_align": "vertical-bottom horizontal-left",
"image": "shopify:\/\/shop_images\/Candle-container-Wilderness-top-view-driftwood_d2c37b67-a97c-4e30-86f3-ee00b5a7a2e7.jpg",
"image_mobile": "shopify:\/\/shop_images\/Two_Blooms_BotanicalsA_resized_copy.jpg",
"parallax_direction": "top",
"overlay_opacity": 0,
"focal_point": "top center"
}
},
"slideshow-1": {
"type": "image",
"disabled": true,
"settings": {
"top_subheading": "Hand crafted by sisters in Victoria BC",
"title": "Discover original pieces made in our studio.",
"title_size": 40,
"subheading": "",
"link": "shopify:\/\/collections",
"link_text": "Shop all",
"link_2": "",
"link_text_2": "",
"color_accent": "#e4cfc3",
"text_align": "vertical-bottom horizontal-left",
"image": "shopify:\/\/shop_images\/Rings-sand-silver-jewellery-Victoria-BC-Canada-www.shoptwobloms.com.jpg",
"image_mobile": "shopify:\/\/shop_images\/Wave-necklace-choker-necklace-resize70kb-sandandsilverjewellery-victoria-bc-min.jpg",
"parallax_direction": "top",
"overlay_opacity": 28,
"focal_point": "center center"
}
}
},
"block_order": [
"slideshow-0",
"slideshow-1"
],
"settings": {
"section_height": "750px",
"mobile_height": "auto",
"parallax": true,
"style": "bars",
"autoplay": true,
"autoplay_speed": 7
}
},
"dc77f574-c410-4519-910a-188071de828c": {
"type": "advanced-content",
"blocks": {
"template--16030787600563__dc77f574-c410-4519-910a-188071de828c-16657131152da68eeb-1": {
"type": "liquid",
"settings": {
"code": "<div style=\"background-color: #ffffff; padding:20px;\"><center>\n<h4>Foster Rituals<\/h4>\n<p>Slowly crafted to bring intention into everyday life.<\/p>\n<\/center><\/div><br><br>",
"width": "33%",
"alignment": "center"
}
},
"f3a34fd6-478b-4cef-9bbc-a1e1b506e570": {
"type": "liquid",
"settings": {
"code": "<div style=\"background-color: #ffffff; padding:20px;\"><center>\n<h4>Created By Hand<\/h4>\n<p>Every memorable piece is created by sisters Caron & Michelle. <\/p>\n<\/center><\/div>",
"width": "33%",
"alignment": "top-middle"
}
},
"9ee8d49c-30a0-453b-84b4-5b05f6bf002c": {
"type": "liquid",
"settings": {
"code": "<div style=\"background-color: #ffffff; padding:20px;\"><center>\n<h4>Giving Back<\/h4>\n<p> We love our community by supporting & donating to local charities.<\/p>\n<\/center><\/div>",
"width": "33%",
"alignment": "top-middle"
}
}
},
"block_order": [
"template--16030787600563__dc77f574-c410-4519-910a-188071de828c-16657131152da68eeb-1",
"f3a34fd6-478b-4cef-9bbc-a1e1b506e570",
"9ee8d49c-30a0-453b-84b4-5b05f6bf002c"
],
"settings": {
"full_width": false,
"space_around": true
}
},
"background-image-text": {
"type": "background-image-text",
"settings": {
"subtitle": "Sand and Silver",
"title": "Handcrafted minimal",
"text": "<p>Handcrafted, minimalist, one of a kind pieces inspired by nature and life in the Pacific Northwest on Vancouver Island. It's all in the details: jewellery is made using recycled metals and sustainable gemstones. <\/p>",
"button_label": "Shop Sand and Silver",
"button_link": "shopify:\/\/collections\/sand-silver-jewellery",
"image": "shopify:\/\/shop_images\/Bronze-earrings-14k-gold-fill-sandsilverjewellery-www.shoptwoblooms.com.Victoria-BC-Canada_copy.jpg",
"focal_point": "center",
"layout": "left",
"height": 550,
"framed": true,
"parallax": true,
"parallax_direction": "top"
}
},
"035bf8de-2432-40bc-8eb6-0ef3d828de67": {
"type": "background-image-text",
"settings": {
"subtitle": "Two Blooms",
"title": "Consciously Created Apothecary",
"text": "<p>Our apothecary is consciously created with premium ingredients making it better for your skin, and the environment.<\/p>",
"button_label": "Shop Two Blooms",
"button_link": "shopify:\/\/collections\/two-blooms-apothecary",
"image": "shopify:\/\/shop_images\/resized-photoholgic-MqNyusb_ne4-unsplash.jpg",
"focal_point": "80% 0",
"layout": "left",
"height": 750,
"framed": true,
"parallax": true,
"parallax_direction": "top"
}
},
"rich-text": {
"type": "rich-text",
"blocks": {
"heading": {
"type": "heading",
"settings": {
"title": "Inspired By Everyday Rituals"
}
},
"text": {
"type": "text",
"settings": {
"enlarge_text": true,
"text": "<p>Whether it's a long candle lit bubble bath, mindfully going through your skincare routine or adorning yourself with jewellery before you head to work. Two Blooms & Co is inspired by the daily rituals that help us feel whole. <\/p><p><br\/>Our products and jewellery are carefully crafted with the best ingredients & reclaimed metals. <\/p>"
}
}
},
"block_order": [
"heading",
"text"
],
"settings": {
"align_text": "center",
"narrow_column": true,
"divider": false
}
},
"09ee2751-4c43-4382-b435-4ecf7d115a43": {
"type": "text-and-image",
"settings": {
"image": "shopify:\/\/shop_images\/Soaps-wave-necklace-sandandsilver-jewellery-victoria-bc.jpg",
"image_width": 700,
"subtitle": "We offer local pick up",
"title": "in Gordon Head",
"text": "<p><strong>Place your order. Choose local pick up & we will contact you.<\/strong><\/p><p>🌊<\/p><p><strong>For easy gifting we now offer gift cards in our <\/strong><a href=\"\/products\/two-blooms-co-gift-card\" target=\"_blank\" title=\"Two Blooms & Co Gift Card\"><strong>shop.<\/strong><\/a><\/p><p><\/p><p><\/p>",
"button_label": "Shop",
"button_link": "shopify:\/\/collections",
"button_style": "primary",
"align_text": "left",
"layout": "right",
"divider": false
}
},
"9ca1ad9b-8d43-4a86-b99b-ba9d2e0370a8": {
"type": "text-and-image",
"settings": {
"image": "shopify:\/\/shop_images\/Resize-Caron-me-beach-bioA-Victoria-BC-Canada-www.shoptwoblooms.com_copy.jpg",
"image_width": 700,
"subtitle": "Michelle & Caron",
"title": "Sisters",
"text": "<p>Come and experience the West Coast as seen through our eyes. All our creations are island inspired, ethically sourced and always made entirely by the two of us.<\/p><p>We are a small, family business, sisters forging ahead with vision and purpose.<\/p><p><\/p>",
"button_label": "",
"button_link": "",
"button_style": "primary",
"align_text": "left",
"layout": "right",
"divider": false
}
},
"2962fe7d-e60b-4831-9528-523934bb92a0": {
"type": "newsletter",
"blocks": {
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-0": {
"type": "title",
"settings": {
"title": "Get the latest"
}
},
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-1": {
"type": "text",
"settings": {
"text": "<p>Don't miss out on new product launches, upcoming pop ups, our favourite things & more.<\/p>"
}
},
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-2": {
"type": "form",
"settings": {
}
}
},
"block_order": [
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-0",
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-1",
"template--16030787600563__2962fe7d-e60b-4831-9528-523934bb92a0-1665713115381a406e-2"
],
"settings": {
"color_background": "#b9c4b6",
"color_text": "#000000"
}
},
"blog-posts": {
"type": "blog-posts",
"settings": {
"title": "What's blooming",
"blog": "news",
"post_limit": 3,
"blog_show_tags": false,
"blog_show_date": false,
"blog_show_comments": false,
"blog_show_author": false,
"view_all": true,
"blog_image_size": "square",
"divider": false
}
},
"ed2ae504-7219-4450-b404-69678dba0b26": {
"type": "logo-list",
"blocks": {
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-0": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/CTV_News-Logo.wine.png",
"link": ""
}
},
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-1": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/salt-logo.png",
"link": ""
}
},
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-2": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/Modern_Soapmaking_30c9b1d6-7fad-4e73-b092-aeb60a60d4b0.png",
"link": ""
}
},
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-3": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/Eat_Magazine_Logo.png",
"link": ""
}
},
"40c5f125-76a7-44c3-9aa9-8ce72a6d3d88": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/Yam_Magazine_Logo.png",
"link": ""
}
},
"1452b930-72f4-42d1-887b-19cbeb5c4d5e": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/CTV_News_Vancouver_Island.png",
"link": ""
}
},
"739dc9e6-7f9e-49f1-beed-a6c59eb97725": {
"type": "logo_image",
"settings": {
"image": "shopify:\/\/shop_images\/maryjanesfarm-web-logo-b-sm-new.png",
"link": ""
}
}
},
"block_order": [
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-0",
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-1",
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-2",
"template--16030787600563__ed2ae504-7219-4450-b404-69678dba0b26-1665713508d6ece9df-3",
"40c5f125-76a7-44c3-9aa9-8ce72a6d3d88",
"1452b930-72f4-42d1-887b-19cbeb5c4d5e",
"739dc9e6-7f9e-49f1-beed-a6c59eb97725"
],
"settings": {
"title": "",
"logo_opacity": 50,
"divider": true
}
},
"82f925b9-7934-49ad-802c-77d044df2a68": {
"type": "featured-collections",
"blocks": {
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-0": {
"type": "collection",
"settings": {
"collection": "rings",
"title": "",
"focal_point": "center center"
}
},
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-1": {
"type": "collection",
"settings": {
"collection": "necklace",
"title": "",
"focal_point": "center center"
}
},
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-2": {
"type": "collection",
"settings": {
"collection": "earrings",
"title": "",
"focal_point": "center center"
}
},
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-3": {
"type": "collection",
"settings": {
"collection": "bracelets",
"title": "",
"focal_point": "center center"
}
},
"97f66ca6-68a1-4b1a-ad1c-bb5993e7fd64": {
"type": "collection",
"settings": {
"collection": "artisan-candles",
"title": "",
"focal_point": "center center"
}
},
"fd86b2a7-95ac-46b1-b93c-e5ec99a45425": {
"type": "collection",
"settings": {
"collection": "body",
"title": "",
"focal_point": "center center"
}
},
"e7b1e5b1-c903-419f-a8d9-c2cfe644ecb5": {
"type": "collection",
"settings": {
"collection": "housewares",
"title": "",
"focal_point": "center center"
}
},
"facca45c-7638-4956-83c2-a64b39aca438": {
"type": "collection",
"settings": {
"collection": "fragrance",
"title": "",
"focal_point": "center center"
}
}
},
"block_order": [
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-0",
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-1",
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-2",
"template--16030787600563__82f925b9-7934-49ad-802c-77d044df2a68-16657131156437aefc-3",
"97f66ca6-68a1-4b1a-ad1c-bb5993e7fd64",
"fd86b2a7-95ac-46b1-b93c-e5ec99a45425",
"e7b1e5b1-c903-419f-a8d9-c2cfe644ecb5",
"facca45c-7638-4956-83c2-a64b39aca438"
],
"settings": {
"title": "Shop by Category",
"divider": false,
"per_row": 4,
"enable_gutter": true
}
},
"9b096de0-6950-4f3e-a8ce-4f660f28be31": {
"type": "text-with-icons",
"blocks": {
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-0": {
"type": "text_block",
"settings": {
"icon": "gift",
"title": "Gift Ready",
"text": "<p>Our products can be wrapped in tissue or a box. Just leave a note in comments.<\/p>"
}
},
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-1": {
"type": "text_block",
"settings": {
"icon": "recycle",
"title": "Sustainable Materials",
"text": "<p>We use recyclable materials wherever possible. We package our apothecary in sustainble ways. Our jewellery is made with recycled metals.<\/p>"
}
},
"4efef742-2b21-43c3-85bd-a51966f9c261": {
"type": "text_block",
"settings": {
"icon": "charity",
"title": "We love our community",
"text": "<p>A portion of our proceeds is given to local charities.<\/p>"
}
},
"036174e8-5a8b-4aab-802d-3ab66b037eb8": {
"type": "text_block",
"settings": {
"icon": "package",
"title": "Local pick Up or shipped",
"text": "<p>Arrange for a local pickup or have your package shipped.<\/p>"
}
},
"8e9e02ff-590e-462c-b808-bb081f793dd4": {
"type": "text_block",
"settings": {
"icon": "thumbs-up",
"title": "Integrity",
"text": "<p>We've been creating the best products since 2002 with integrity and intention.<\/p>"
}
},
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-2": {
"type": "text_block",
"settings": {
"icon": "chat",
"title": "Have questions?",
"text": "<p>Contact us and we will be happy to help.<\/p>"
}
}
},
"block_order": [
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-0",
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-1",
"4efef742-2b21-43c3-85bd-a51966f9c261",
"036174e8-5a8b-4aab-802d-3ab66b037eb8",
"8e9e02ff-590e-462c-b808-bb081f793dd4",
"template--16030787600563__9b096de0-6950-4f3e-a8ce-4f660f28be31-166571528272d56496-2"
],
"settings": {
"title": "",
"align_text": "center",
"desktop_columns_per_row": 3,
"icon_color": "#000000",
"button_label": "",
"button_link": "",
"divider": false
}
},
"featured-collection": {
"type": "featured-collection",
"disabled": true,
"settings": {
"title": "Featured collection",
"home_featured_products": "",
"per_row": 4,
"rows": 1,
"mobile_scrollable": true,
"view_all": true,
"divider": false
}
},
"map": {
"type": "map",
"disabled": true,
"settings": {
"map_title": "Local pickup",
"address": "<p>Pick up your order in Saanich.<\/p>",
"map_address": "",
"api_key": "",
"show_button": true,
"background_image_position": "center center"
}
}
},
"order": [
"slideshow",
"dc77f574-c410-4519-910a-188071de828c",
"background-image-text",
"035bf8de-2432-40bc-8eb6-0ef3d828de67",
"rich-text",
"09ee2751-4c43-4382-b435-4ecf7d115a43",
"9ca1ad9b-8d43-4a86-b99b-ba9d2e0370a8",
"2962fe7d-e60b-4831-9528-523934bb92a0",
"blog-posts",
"ed2ae504-7219-4450-b404-69678dba0b26",
"82f925b9-7934-49ad-802c-77d044df2a68",
"9b096de0-6950-4f3e-a8ce-4f660f28be31",
"featured-collection",
"map"
]
}
First, I know nothing. But I was having a similar problem and asked my son and he told me to put quotation marks around the number.
In the code, I did a find for "image_width": 700,
And replaced all instances with "image_width": "700",
That seemed to do the trick. Good luck, it's tough stuff updating themes.
Hey so I tried this and now I get the error: Image_width must be a valid number. Any idea what's up with that?
I had the same issue. Sometimes it works with quotation marks (e.g. "image_width": "700",), sometimes not.
I also got it to work without quotation marks and simply removing the space between the colon and the number:
"image_width":700,
See if that works for you. I'm on Impulse 7.4.0 for reference.
It's tough updating themes when the developer (in this case Archetype) doesn't provide (or at least make it clear where to find!) proper update notes advising of breaking changes like this. The release notes for Impulse as they are (https://archetypethemes.co/pages/impulse-release-notes) are pretty superficial without linking to these sort of changes.
We are upgrading from 7.1.0 to 7.4.0 and getting exact same error as you:
Validation failed: Setting 'image_width' must be a string
I tested with a temp theme install of Impulse 7.4.0, and looking at the admin interface (editing one of the product templates where the json file was not merging to Shopify with the error) and compared to the older version you can see that the image settings UI has changed and instead of an image width setting (slider & input field in pixels) it has now changed to buttons to select Smalll | Medium | Large.
v7.1.0 UI for image width:
v7.4.0 UI for image width (now called "Image size" in the UI but still seems to be "Image width" in json):
In our case, like you our old theme v7.1.0 template json had:
"image_width": 700,
With v7.4.0 when setting image width through the UI (in our case a product page template) what gets written to the json template file (and therefore should work without error when upgrading theme) with the different image widths is:
Small:
"image_width": "33",
Medium:
"image_width": "50",
Large:
"image_width": "66",
So although just adding quotes may work as mentioned this perhaps throws an invalid number error.
So to get rid of your import errors update your earlier theme json templates with one of the above image_width settings for Small, Medium or Large.
I don't know however if these numbers (33, 50, 66) are universal across all templates types and blocks.
So while it is great to see enhancements and improvements to themes disappointed that we as customers have to waste so much time working out this sort of thing on a theme cosing $350+ USD. We have over 20 template files throwing this error to fix 😞
Having said that, I do find the Archetype theme upgrade / Github integration advice from Archetype on Youtube to be very useful!