摘要：
在图片竖排的时候，会默认出现一条间隙。这个好像之前也有发布类似的文章。因为我的结构大概是 <div><img/></div> <div><img/></div> 这样子。 所以，我的结局方法是在div上加上display:flex，这样就没有了空隙。我看着也没有什么问题。但是，后来发现，在iPhon 阅读全文
摘要：
在使用flex布局的时候，在有图片的时候总会出现一个问题，解决之后下次再出现遇到相同的情况总会忘记解决方法，又要花费时间想。这里记录一下。 <div class="flex"> <div class="item"><img src="xxxx"/></div> <div class="item">< 阅读全文
摘要：
shopify现在的主题一般都有国家切换器和语言切换器，国家切换器也相当于货币切换器了。但是现在主题的国家切换器选项都移除了自定义的选项，都是使用了Shopify 的版本，它通过主题和结帐深度集成。要使用shopify的货币切换器就必须要使用shopify payment才能使用。对于不使用shop 阅读全文
摘要：
在使用flex进行布局的时候,flex项目(flex item)内容是一张图片的时候，会出现一个挺奇怪的问题，就是图片的高度和flex item的高度不一致，会出现一定的间隔。 首先，如果flex item里的是文字的时候，会发现内容和flex item的高度是一致的。 但是，如果flex item 阅读全文
摘要：
像shopify主题的产品分类页，一般都会有一个侧边栏，这个侧边栏主要是一个过滤器，通过标签来导航到各个对应的页面。一般这个过滤器有两种模式，一个是直接将所有的标签显示，另一种是显示标签组。使用标签组来显示比较有条理，客户看着也比较舒服。 标签组的实现据我现在看到的也有两种设置方式。一种是在主题自定 阅读全文
摘要：
记录一下。sticky-kit 一个用于制作智能粘性元素的 jQuery 插件。我需要左侧的图片列表在网页下滑时能够粘性固定，使用的插件是sticky-kit。sticky-kit的使用很简单，只需要引用后，添加下面代码就行了，当然，有一些可选的选项也可以进行设置。$("selector").sti 阅读全文
摘要：
记录一下。jq实现当我点击左侧缩略图，右侧大图能够向上滚动。 代码大致如下： <ul> <li><img src="./img/1.png"></li> <li><img src="./img/2.png"></li> <li><img src="./img/3.png"></li> <li><im 阅读全文
摘要：
shopify新建的页面进行布局，但主题内置的模板无法满足需求怎么办。自己建一个模块就好了。 首先，找到要修改的文件，以contact页面为例，contact页面使用的模板是page.contact.liquid。如下图所示，需要跳转到page-contact-template 在page-cont 阅读全文
摘要：
在对shopify和主题不太熟悉之前，一直以为新建页面后，只有在content这里添加内容之后发布，然后显示设置的样子。但这个操作需要一定的html、css基础进行简单的布局，不然的话就比较单调。之前的操作都是使用添加类名来使用主题设置的相应的css样式，这样就不用自己再添加一些样式。 也可以使用能 阅读全文
摘要：
记录使用flex布局时遇到的一个小问题。当使用flex布局，左边为图片，右边为文字。 当切换成手机端后，在手机的其他浏览器打开没有问题，但是在手机内置的浏览器打开后发现，会出现多余的空白。如果设置img为object-fit:contain;就会如下图所示。如果设置img为object-fit:co 阅读全文