shopify 批量修改 section 中的设置

我们的shopify有几个网页需要兼容移动端，但是因为有一大段的内容是在后台主题编辑器( tempalte sections) 用html的格式修改的。所以现在我没有办法选中这些标签。一个span标签对应一行内容。而我需要在小屏幕通过@media响应式的给每个文字修改字体大小。

第一个方案

我去后台一个一个添加上类名，来修改，但是这个商品类型的页面有多个，而且编辑器页面加载比较慢。而且一个一个修改容易出现错误，可能需要改多次。所以这个效率会比较慢，而且也不太好。

第二个方案

如果在使用 主题编辑器( tempalte sections) 的时候,会把编辑的内容提交到shopify的服务器，服务器会以json的格式存到一个文件中。而我们恰好可以获取到这个文件。直接修改，这样的话就可以了。

然后通过这个想法我就去网上搜索了一番没有结果之后就去翻文档了。先找了官方给提供的一些API,结果没有关于这个内容的。后来果然是让我找到了这个文件。

之后给需要修改的内容批量添加了类名

结果

完美的解决了这个问题，兼容了移动端。

这里文字超出屏幕了，尽然批量增加了max-width:100%;