大家好!
我一直在为我的商店使用希拉主题,它一直很棒。快,看起来棒极了。
然而,由于将集合中的动态图像连接到集合的横幅中,我在移动设备上得到了糟糕的CLS。
查看时,我可以看到标题和描述是在横幅和产品网格之后加载的,这将产品网格向下推并导致问题。
谁能告诉我如何在产品网格之前加载描述?
谢谢
感谢您与Shopify社区联系!
请在这里分享您的商店网址,以便我们检查并为您提供解决方案。
谢谢!
Ahsan非国大
请分享收集模板液体文件。
它应该看起来像收集头液体
"部分":{
“7 eb69ddf - 38 - b3 - 469 a - 911 - e - f14b3a3bf6c3 ": {
“类型”:“房屋建筑业”,
“块”:{
“381 f1eef - 5556 - 4 a5b bb5c - 118 f6876e423 ": {
“类型”:“promobox”,
"设置":{
" url ": " ",
image:{{集合。}}”形象,
“image_size”:550年,
image_mobile:{{收藏。}}”形象,
“image_mobile_size”:550年,
“image_position_x”:0,
“color_image_mask”:“”,
“image_mask_opacity”:0.1,
“text_line_1”:“”,
"text_line_2": "{{block.settings.list_1。标题}}”,
“text_line_3”:“”,
“风格”:“6”,
“button_1”:“”,
“button_1_url”:“”,
“color_button_type_1”:“默认”,
"button_2": "Button #2 text";
“button_2_url”:“”,
“color_button_type_2”:“默认”,
“list_1”:“”,
“custom_html”:“”,
“video_external_url”:“”,
“video_mp4_url”:“”,
“video_autoplay”:假的,
“video_controls”:假的,
“类型”:“1型”,
:“content_position bottom_center”,
“content_align”:“中心”,
“add_container”:假的,
“content_width”:0,
“text_width”:0,
“高度”:“汽车”,
“min_height”:0,
“size_of_column”:“汽车”,
“可见的”:“desktop_mobile”,
“视差”:“禁用”,
“animation_to”:“没有”,
“animation_from”:“没有”,
“animation_opacity”:“没有”,
“animation_text”:“没有”,
“color_text_1”:“”,
“color_text_2”:“”,
“color_text_3”:“”,
“color_text_bg”:“# fafafa”,
“color_curtain_bg”:“”,
“customization_class”:“
}
}
},
“block_order”:(
“381 f1eef - 5556 - 4 a5b bb5c - 118 f6876e423”
],
"设置":{
“标题”:“”,
“容器”:“fullwidth”,
“size_of_columns”:“1”,
“size_of_columns_mobile”:“1”,
“margins_for_columns”:“没有”,
:“align_of_columns top_center”,
“disable_column_paddings”:假的,
:“优先级”,
“customization_class”:“
}
},
“add04a46 - 4407 - 4154 - a4f3 - 9 - e3c2fd22d2b ": {
“类型”:“间隔”,
"设置":{
“margin_top”:0,
“margin_bottom”:0,
“margin_top_mobile”:0,
“margin_bottom_mobile”:0,
“容器”:“盒装”,
“show_separator”:假的,
“标题”:“
}
},
“1652268166 a93d7f7e ": {
“类型”:“collection-page-heading”,
“块”:{
“c3c2f346 fba - 548 f - 4 - 94 a7 - 8 f4600d9f959 ": {
“类型”:“标题”,
"设置":{
"for_collection": "{{collection}}"
:“desktop_title title_with_description”,
:“mobile_title title_with_description”
}
}
},
“block_order”:(
“c3c2f346 fba - 548 f - 4 - 94 a7 - 8 f4600d9f959”
],
"设置":{
“位置”:“products_grid_width”,
“default_desktop_title”:“标题”,
“default_mobile_title”:“标题”,
“margins_for_columns”:“没有”,
“disable_column_paddings”:假的
}
},
“163409726484 d77b6d ": {
“类型”:“间隔”,
“禁用”:没错,
"设置":{
“margin_top”:30,
“margin_bottom”:60岁
“margin_top_mobile”:30,
“margin_bottom_mobile”:0,
“容器”:“盒装”,
“show_separator”:没错,
“标题”:“
}
},
" product-grid ": {
“类型”:“main-collection-product-grid”,
“块”:{
“16965 e1c f3 - 70 - 4981 - 950 d - 436766 - d0e581 ": {
“类型”:“集合”,
"设置":{
“标题”:“集合”,
“default_state”:“关闭”,
“菜单”:“”,
“show_collection_product_count”:假的
}
},
“48 ad317a ffbe - 487 b - b9b8 4 - db5add49b84”:{
“类型”:“过滤器”,
"设置":{
“default_state”:“关闭”,
“布局”:“1 _col”,
“max_column_size”:8
}
},
" a76651dd-1cd6-4d78-8c4d-bc9a5854f2e8 ": {
“类型”:“filter_settings”,
"设置":{
“filter_name”:“大小”,
“标题”:“”,
“default_state”:“关闭”,
“make_as_color”:假的,
“布局”:“2 _col”,
“max_column_size”:8
}
}
},
“block_order”:(
“16965 e1c f3 - 70 - 4981 - 950 d - 436766 - d0e581”,
“48 ad317a ffbe - 487 b - b9b8 4 - db5add49b84”,
“a76651dd-1cd6-4d78-8c4d-bc9a5854f2e8”
],
"设置":{
“容器”:“盒装”,
“products_per_page”:12,
“enable_default_filtering”:没错,
“show_selected_filters_counter”:假的,
“show_filter_product_count”:假的,
“hide_disabled_filters”:没错,
“make_availability_as_rounded”:没错,
“price_filter_type”:“滑块”,
“sort_by_visibility”:“桌面”,
“info_visibility”:“桌面”,
“view_length_visibility”:“隐藏”,
“enable_view_length_6”:没错,
“enable_view_length_12”:没错,
“enable_view_length_18”:没错,
“enable_view_length_24”:没错,
“enable_view_length_48”:假的,
“default_view_length”:“12”,
:“view_grid_visibility desktop_n_mobile”,
“show_view_grid_1”:没错,
“show_view_grid_2”:没错,
“show_view_grid_3”:没错,
“show_view_grid_4”:没错,
“show_view_grid_6”:假的,
“show_view_grid_list”:没错,
“view_grid_list_design”:“1”,
“enable_grid_tooltip”:假的,
“default_view_grid_xl”:“3”,
“default_view_grid_lg”:“3”,
“default_view_grid_md”:“3”,
“default_view_grid_sm”:“2”,
“default_view_grid_xs”:“2”,
“current_filters_visibility”:“移动”,
“uppercase_filter_title”:没错,
“show_filter_border”:真的
}
}
},
“秩序”:(
“7 eb69ddf - 38 - b3 - 469 a - 911 - e - f14b3a3bf6c3”,
“1652268166 a93d7f7e”,
“add04a46 - 4407 - 4154 - a4f3 - 9 - e3c2fd22d2b”,
“163409726484 d77b6d”,
“product-grid”
]
}