05 2021 档案

摘要:shopify新建的页面进行布局,但主题内置的模板无法满足需求怎么办。自己建一个模块就好了。 首先,找到要修改的文件,以contact页面为例,contact页面使用的模板是page.contact.liquid。如下图所示,需要跳转到page-contact-template 在page-cont 阅读全文
posted @ 2021-05-27 19:02 白小数 阅读(2501) 评论(0) 推荐(0)
摘要:在对shopify和主题不太熟悉之前,一直以为新建页面后,只有在content这里添加内容之后发布,然后显示设置的样子。但这个操作需要一定的html、css基础进行简单的布局,不然的话就比较单调。之前的操作都是使用添加类名来使用主题设置的相应的css样式,这样就不用自己再添加一些样式。 也可以使用能 阅读全文
posted @ 2021-05-27 18:10 白小数 阅读(491) 评论(0) 推荐(0)
摘要:记录使用flex布局时遇到的一个小问题。当使用flex布局,左边为图片,右边为文字。 当切换成手机端后,在手机的其他浏览器打开没有问题,但是在手机内置的浏览器打开后发现,会出现多余的空白。如果设置img为object-fit:contain;就会如下图所示。如果设置img为object-fit:co 阅读全文
posted @ 2021-05-24 18:15 白小数 阅读(564) 评论(0) 推荐(0)
摘要:需求是在contact页面,表单放置两端描述中间。但是表单是contact模板设置放到描述下面的。 假设原代码如下: {{ page.content }} {%- render 'contact-form' -%} {{ page.content }}获取页面的Content里的内容。 {%- re 阅读全文
posted @ 2021-05-21 18:49 白小数 阅读(577) 评论(0) 推荐(0)