Closed nikitaourazbaev closed 1 month ago
👋🏻 Hey @nikitaourazbaev!
Are you rendering this section anywhere already? I tried replicating this locally and hot-reload is working after adding it to my index.json
in sections
, and in order
Here is the value I'm using:
Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.<\/p>" } } }, "block_order": [ "heading", "text" ], "settings": { "color_scheme": "scheme-1", "full_width": true, "padding_top": 40, "padding_bottom": 0 } }, "featured_collection": { "type": "featured-collection", "settings": { "title": "Featured products", "heading_size": "h2", "collection": "all", "products_to_show": 8, "columns_desktop": 4, "color_scheme": "scheme-1", "show_view_all": false, "swipe_on_mobile": false, "image_ratio": "adapt", "show_secondary_image": true, "show_vendor": false, "show_rating": false, "columns_mobile": "2", "padding_top": 28, "padding_bottom": 36 } }, "collage": { "type": "collage", "blocks": { "collection-0": { "type": "collection", "settings": { "collection": "" } }, "product": { "type": "product", "settings": { "product": "", "second_image": false } }, "collection-1": { "type": "collection", "settings": { "collection": "" } } }, "block_order": [ "collection-0", "product", "collection-1" ], "settings": { "heading": "Multimedia collage", "heading_size": "h2", "desktop_layout": "left", "mobile_layout": "collage", "color_scheme": "scheme-1", "padding_top": 36, "padding_bottom": 36 } }, "video": { "type": "video", "settings": { "heading": "", "video_url": "https://www.youtube.com/watch?v=_9VUPq3SxOc", "heading_size": "h1", "description": "", "full_width": false, "color_scheme": "scheme-1", "padding_top": 36, "padding_bottom": 36 } }, "multicolumn": { "type": "multicolumn", "blocks": { "column1": { "type": "column", "settings": { "title": "Column", "text": "
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", "link_label": "", "link": "" } }, "column2": { "type": "column", "settings": { "title": "Column", "text": "
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", "link_label": "", "link": "" } }, "column3": { "type": "column", "settings": { "title": "Column", "text": "
Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.<\/p>", "link_label": "", "link": "" } } }, "block_order": [ "column1", "column2", "column3" ], "settings": { "title": "", "heading_size": "h1", "image_width": "third", "image_ratio": "adapt", "columns_desktop": 3, "column_alignment": "center", "background_style": "none", "button_label": "", "button_link": "", "swipe_on_mobile": false, "color_scheme": "scheme-1", "columns_mobile": "1", "padding_top": 36, "padding_bottom": 36 } } }, "order": [ "rich-text-2", "image_banner", "rich_text", "featured_collection", "collage", "video", "multicolumn" ] } ```
Hi @jamesmengo, yes, I’m rendering it:
Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.
" } }, "image_banner": { "type": "image-banner", "blocks": { "heading": { "type": "heading", "settings": { "heading": "Image banner", "heading_size": "h0" } }, "text": { "type": "text", "settings": { "text": "Give customers details about the banner image(s) or content on the template.", "text_style": "body" } }, "button": { "type": "buttons", "settings": { "button_label_1": "Shop all", "button_link_1": "shopify://collections/all", "button_style_secondary_1": true, "button_label_2": "", "button_link_2": "", "button_style_secondary_2": false } } }, "block_order": [ "heading", "text", "button" ], "settings": { "image_overlay_opacity": 40, "image_height": "large", "desktop_content_position": "bottom-center", "show_text_box": false, "desktop_content_alignment": "center", "color_scheme": "scheme-3", "image_behavior": "none", "mobile_content_alignment": "center", "stack_images_on_mobile": false, "show_text_below": false } }, "rich_text": { "type": "rich-text", "blocks": { "heading": { "type": "heading", "settings": { "heading": "Talk about your brand", "heading_size": "h1" } }, "text": { "type": "text", "settings": { "text": "Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.
" } } }, "block_order": [ "heading", "text" ], "settings": { "desktop_content_position": "center", "content_alignment": "center", "color_scheme": "scheme-1", "full_width": true, "padding_top": 40, "padding_bottom": 0 } }, "featured_collection": { "type": "featured-collection", "settings": { "title": "Featured products", "heading_size": "h2", "description": "", "show_description": false, "description_style": "body", "collection": "all", "products_to_show": 8, "columns_desktop": 4, "full_width": false, "show_view_all": false, "view_all_style": "solid", "enable_desktop_slider": false, "color_scheme": "scheme-1", "image_ratio": "adapt", "image_shape": "default", "show_secondary_image": true, "show_vendor": false, "show_rating": false, "quick_add": "none", "columns_mobile": "2", "swipe_on_mobile": false, "padding_top": 28, "padding_bottom": 36 } }, "collage": { "type": "collage", "blocks": { "collection-0": { "type": "collection", "settings": { "collection": "" } }, "product": { "type": "product", "settings": { "product": "", "second_image": false } }, "collection-1": { "type": "collection", "settings": { "collection": "" } } }, "block_order": [ "collection-0", "product", "collection-1" ], "settings": { "heading": "Multimedia collage", "heading_size": "h2", "desktop_layout": "left", "mobile_layout": "collage", "card_styles": "product-card-wrapper", "color_scheme": "scheme-1", "padding_top": 36, "padding_bottom": 36 } }, "video": { "type": "video", "settings": { "heading": "", "heading_size": "h1", "enable_video_looping": false, "video_url": "https://www.youtube.com/watch?v=_9VUPq3SxOc", "description": "", "full_width": false, "color_scheme": "scheme-1", "padding_top": 36, "padding_bottom": 36 } }, "multicolumn": { "type": "multicolumn", "blocks": { "column1": { "type": "column", "settings": { "title": "Column", "text": "Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
", "link_label": "", "link": "" } }, "column2": { "type": "column", "settings": { "title": "Column", "text": "Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
", "link_label": "", "link": "" } }, "column3": { "type": "column", "settings": { "title": "Column", "text": "Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
", "link_label": "", "link": "" } } }, "block_order": [ "column1", "column2", "column3" ], "settings": { "title": "", "heading_size": "h1", "image_width": "third", "image_ratio": "adapt", "columns_desktop": 3, "column_alignment": "center", "background_style": "none", "button_label": "", "button_link": "", "color_scheme": "scheme-1", "columns_mobile": "1", "swipe_on_mobile": false, "padding_top": 36, "padding_bottom": 36 } } }, "order": [ "rich_text_2_DY3XVH", "image_banner", "rich_text", "featured_collection", "collage", "video", "multicolumn" ] } ```Is there anything else I can do to narrow down the cause on my end?
🤔 Could you maybe take a video if possible showing the replication flow, and test this with a different browser?
@jamesmengo sure, here’s a video:
https://share.cleanshot.com/bdsDPv96
The linked PR sounds promising, is there a reason some sections might be added to the hash and others not?
Please confirm that you have:
In which of these areas are you experiencing a problem?
Theme
Expected behavior
Changing a file should sync the file and trigger a hot reload in the browser
Actual behavior
The file gets synced but a hot reload does not get triggered
Verbose output
Reproduction steps
sections/
calledrich-text-2.liquid
(the name does not seem to matter)Operating System
macOS Sonoma 14.7
Shopify CLI version (check your project's
package.json
if you're not sure)3.67.2
Shell
Warp, fish
Node version (run
node -v
if you're not sure)v20.11.1
What language and version are you using in your application?
Liquid