shopify 前端开发遇到的问题及解决（部分）

问题：gallery不同部分的小li互相干扰

解决：修复了小li互相干扰的bug，原因：其实不单单需要修改小li的class，并且需要修改小li的控件，也就是是loopli，不然会互相干扰，shopify的section中jQuery能够拿到所有section的变量，而不是一个section就真的是一个页面，在一个首页部分，都能拿到数据，section可以理解成一个个组件，之间的变量命名还是不能一样会互相干扰。

bug：slishow按钮自动变到最大，设置min-width失败，设置max-width有效但是无法实现效果

解决： 将按钮设置成inline-block，之前设置的是block，block默认的宽度是100%所以导致设置min-width失效，其实就是block设置了width，转而设置inline-block就不会有默认宽度了，可以解决问题。

页面：404原因是由于编辑者模式下未删除对应section的情况下就去暴力删除section文件了，导致报错 解决：①去index.json里面删除已经删除的section②或者还原被删除文件，先在编辑者模式下删除section再去删除section

bug：在js里面使用

liquid语句，无法生效

解决方法：不要陷入思维误区，js有自己的判断语句，逻辑功能并不会比liquid的差，所以完全没有必要纠结用liquid实现，大可以直接写js判断语句或条件判断，不过需要注意字符

少了''这个符号（'{{block.type}}'）就是变量了，会报错

在liquid代码上面使用js语法命名变量可能会触发报错，并且不生效，但是如果加上；号就会运行成功，具体原因不详。

还与console.log有关，如果不console.log不加；也不会报错，但是如果有了console必须加；

我找到原因了：放进for的变量必须加；符号，否则就会报错，反正加了就不会报错，但是只是在$符号里面的话不会报错，我猜测可能是$封装脱离了liquid限制。内部的变量最好也加；无脑加就完了

js中的for语句 如果有变量， 需要在他头上声明一遍才能使用，不然会丢失最初声明命名的那个值

问题：product页面无法跳转bug且出现404页面

问题解决：404问题一般都是json出问题了，我看了一下，好像之前图片格式删除了，但是json为改动，导致图片格式依旧存在与product.json格式里面导致无法跳转，删除即可

问题：为什么避免本地修改编辑者模式呢？因为本地修改的是临时的，重启cmd后会复原至你拉下云端主题的json

解决：因为本地修改的话，如果删除会导致json文件丢失，因为编辑者模式下可以理解成后台模式下编辑，你拉下来的主题的时候 json已经定死了，所以你继续删除或者修改涉及json数据的时候，他是无法监测到的，下一次cmd启动的时候，系统就会报错，告诉你json数据丢失原因也很简单，就是修改后的模板部分json已经丢失了或者说被你删除了，但是拉下的json是死的，所以他会认为文件是丢失的而不是你删除的，避免这种情况也非常简单，就是在云端商店的编辑者模式下进行操作，这样改变的数据就是后台的，而cmd条件下编辑的数据在下一次重启的时候会复原成拉下来最初的样式的，也就是json在拉下来的时候已经定死了，虽然cmd条件下依旧可以进行修改也能够显示，但是不会修改json的数据，json在拉下来那一刻就已经定死了，不会实时监测，可以选择手动修改修复bug，但是shopify不会帮你在json中删除的。

原文链接：https://blog.csdn.net/weixin_54515240/article/details/126422062?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167193311916782429788264%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=167193311916782429788264&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-17-126422062-null-null.blog_rank_default&utm_term=Shopify

你可能感兴趣

Shopify 前端开发经验总结（问题及解决）

对shopify的理解：（个人理解不具有权威性，若有错欢迎指出，非常感谢）shopify其实就是一个为跨界电商准备的售卖网站&#x

shopify 批量修改 section 中的设置

我们的shopify有几个网页需要兼容移动端，但是因为有一大段的内容是在后台主题编辑器( tempalte sections) 用html的格式修改的。所以现在我没有办法选中这些标签。一

shopify开发经验

1.任意页面直接跳转checkout页面目前shopify 购买按钮直接跳转到结账页面，shopify没有提供官方方法，但是 有一个黑科技方法，通过模拟 提交

如何修改shopify底部文字的版权信息

Shopfiy虽然在易用性已经做的很好了，但是有时候我们需要一些更高级的定制。比如：我们想修改有些模板下面的版权文字信息，改成我们自己的。在我们需要修改底部文

shopify二次开发及目录详解

下面详谈下各个目录的作用，以及里面的注意事项 包含主题布局模板，默认情况下是 theme.liquid内容对象 content_for_header，cont

Shopify如何选择一个主题并且进入编辑界面

您好,欢迎。这次简单介绍一下有关于Shopify如何选择一个主题并且进入编辑界面。希望您看了有所收获。Shopify选择主题的编辑界面 首先登录到Shopify的后台界面，然后在左侧选中

Shopify平台 Bing UET Tag升级动态再营销(Dynamic Remarketing)代码

目录1.首页、合集页、搜索页、商品页和常规页面2.支付成功页代码：1.首页、合集页、搜索页、商品页和常规页面以下代码添加到shopify后台theme.liquid文件中</hea

速卖通装修html自定义代码,Shopify基础建站教程,独立站装修主题代码设置

Shopify作为建站工具，它确实能够让我们非常便捷的建立网站并实现网站的各种功能。但是这样的便捷也牺牲了一定的可自定义的空间。通俗的说，Shopify把各个功能都模块化了

怎么解决Wordpress的php Warning: count():Parameter must be an array or an object that implements Countable报错

如果你在使用 WordPress 的时候遇到了 “php Warning: count():Parameter must be an array or an object that implements Countable” 的报错信息，你可以尝试以下方法来解决问题：

如果你传入的参数是其他类型，就会出现 “php Warning: count():Parameter must be an array or an object that implements Countable” 的报错信息。
首先，你可以检查你的代码是否正确使用了 count() 函数，确保传入的参数是数组或者对象。
如果你的网站正在使用插件，你可以尝试删除插件，看看是否能够解决问题。
如果你的网站使用的是第三方主题，你可以尝试更换主题，看看是否能够解决问题。