问题: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中删除的。