{{ block.shopify_attributes }}必须添加否则可能无法提交订阅表单|shopify教程

  今天客户说他shopify网站的订阅功能没有测试成功了,提交后没有任何提示,只是url变成了/?,这就奇怪了,查看了一下他后台的源代码,发现少了一个{{ block.shopify_attributes }},需要添加,这个是shopify主题的block既定的要求,否则可能出错

block.shopify_attributes用法

 

   

{{ block.shopify_attributes }}必须添加到每个块的容器元素中(如果该块是单个元素,则必须添加到该元素中)。Shopify的主题编辑器shopify_attributes用于为其JavaScript API正确识别块。

shopify_attributes仅在主题编辑器内返回的主题不应依赖shopify_attributes其模板或脚本,因为面向客户的网站不会返回任何值。

1
2
3
4
5
6
7
8
9
10
{% for block in section.blocks %}
  <div class="grid-item" {{ block.shopify_attributes }}>
    {% case block.type %}
    {% when 'text' %}
      {{ block.settings.content }}
    {% when 'image' %}
      <img src="{{ block.settings.image | img_url }}">
    {% endcase %}
  </div>
{% endfor %}

  

参考官方文档https://shopify.dev/docs/themes/sections#rendering-section-blocks

posted @   ytkah  阅读(310)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2019-01-26 查看Centos内存使用情况linux命令
2015-01-26 微信朋友圈广告的赢家是他们
网址导航 gg N / G Sitemap

部分内容来源于网络,如有版权问题请联系删除

  
点击右上角即可分享
微信分享提示