liquid-layout相关内容
我在做首发Shopify Theme。 我要将连续的4个图像放大。 我的当前页面:enter image description here 我的目标:enter image description here 我在这里发现了一个类似的问题: https://ecommerce.shopify.com/c/ecommerce-design/t/solo-theme-change
..
我正在制作一个流动的样式表,效果很好.我注意到的一件事是,我在 Chrome 中的浏览器窗口不会调整到 400 像素以下,它只会卡在那里,而在 FF 中,当我缩小它时,它只会停在 400 像素左右,然后弹出一个水平滚动条. 当我在手机上打开网站时,它在 320 像素左右看起来很完美,所以我知道它的比例确实低于 400 像素. 我很好奇是否有人知道这是浏览器/桌面的问题,或者我是否应该查
..
我正在尝试将30天添加到预订日期中,如果今天的日期较晚,请显示一个文本字符串,如果不显示其他文本字符串.有什么想法我要去哪里吗? {%Assign Assign pre_date = 259200 |加:order.created_at |日期' %}{%Assign Today_date ='now'|日期' %}{%,如果pre_date>今天_日期%}显示这个{% 别的 %}这{% 万一
..
好的,首先我要支持IE7,因此无法进行大小调整. 我在窗口的顶部和底部分别放置了一个固定大小的页眉和页脚(每个80px). 我希望div占用他之间的所有空间,而不管窗口大小如何.使用JavaScript轻而易举,但是有没有办法仅使用CSS? 解决方案 http://jsfiddle.net/ZLrPF/基于我的James Dean粘性页脚 http://mystrd.at/mo
..
我有这个相当简单的表格:
表
..
我想知道是否有一种方法可以将静态页面转换为手机页面.我的意思是通过移动页面将桌面内容拖动到较小的窗口尺寸(例如,智能手机尺寸:320像素).使内容遵循窗口的大小吗?我该如何更改CSS?我该如何进行数学运算?谢谢...我想必须有框架或工具才能做到这一点? 欢迎一些指导和思想. 检查我的这个静态示例 感谢您的宝贵时间! 是/ 解决方案 @Yoni;您可以使用媒体查询在该媒体查
..
我想对cart.liquid文件中的cart.items数组进行排序.然后,我可以按期望的顺序在表中显示时间. {% for item in cart.items sort_by:item.line_price %}
Your cart
..
我可以在index.liquid页面(主页)上使用一个简单的Liquid标记片段来显示我拥有的所有产品,并使每个图像都链接到相应产品的信息页面吗? > 解决方案 大多数主题在其主页上显示一个集合.使用该功能,不要添加代码. 要使您的主页集合包含商店中的所有产品,请使其成为具有条件(例如产品价格> 0)的智能集合. 如果您的商店中有50多种产品,则可以通过在模板/index.liqu
..
我找不到有关如何为用户注册论坛添加自定义字段的任何文档,因此我尝试了一些操作但没有成功:
{% form 'create_customer' %} {% if form.errors %} {
..
我正在尝试在Jekyll中重建博客,而我已经完成了一项简单的任务. 提供了以下模板集: default.html: {{ head }} {{ content }} frontpage.html: --- layout: default --- {% capture head %} Frontpage {% end %} {{ content }} ind
..
我将GitHub Pages用于我的博客,并且遇到了Jekyll问题.我的post.html中有一个这样的块: {% for testpost in site.posts %} {% four %} {% lines of %} {% processing
..
我试图创建一个类似于“预购"的机制,其中Shopify液体模板的某些元素仅在当前日期大于或小于元字段中指定的日期时显示. 截至目前,这是我所拥有的,包括逻辑:
Today: {{'now' | date: '%d-%m-%Y' }}
..
我正在Desk.com中构建一个“集成URL",它使用Shopify液体模板过滤器语法.该网址需要包含一个“开始日期"和一个“结束日期"才能用于查询,该查询的开始日期为7天前,而结束日期为现在. 要实现这一点,我认为我需要从“现在"对象中减去7天(在Epoch时间中为604800),然后应用我的格式设置,但我无法为此找到有效的语法. 当前,此语法有效且有效: {{'now' |
..
在WPF中进行液体布局是否可行?进行Liquid布局时需要解决的任何疑问/问题吗? Liquid布局可以调整文字字体大小,也可以调整大小时的图像宽度吗? 解决方案 是的,大多数容器(在WPF中称为面板)都支持液体布局,但值得注意的是Canvas使用绝对坐标.我认为您不应该担心任何事情.
..
在HTML中,有没有办法让网页展开到用户的显示器上?就像说我有一个15英寸,但其他人有一个24英寸。该网页在屏幕上会很小,但会适合最少。如何将页面展开为100%或95%?解决方案 使用百分比单位来实现流体宽度或em单位。这完全是关于基于网格和容器制作网站布局。 阅读更多。
..
我构建的Rails应用程序需要允许用户编辑页面模板。 主要关心的是允许客户编辑的安全程度模板。因此,erb模板不在等式中。 我曾看过液体标记和Handlebars.js。这里有一个很好的Rails整合手柄 https://github.com/jamesarosen/handlebars-rails。 我宁愿使用把手。有人可以确认让客户编辑车把模板是否安全吗? 解决方案
..
我目前正困扰着我正在建立一个能够跨越可变分辨率工作的网站。主要导航是通过需要填充大部分视口的图像映射。我知道这完全是过时的,但是图像映射似乎是允许多边形区域划分的唯一非Flash解决方案 - 我会爱一个替代方案! 我最终设法让网站调整大小,以允许主图像在较小的显示器上显示,使用条件jQuery& CSS,但是在slickbox中也会调整文本的大小,这看起来很糟糕! 该网站(非常未完成)
..
我想让我的容器div得到它的孩子的高度的最大值的高度。不知道孩子 div 的高度。我正在尝试 JSFiddle 。容器 div 为红色。这不显示。为什么? 解决方案 添加以下属性: .c { ... overflow:hidden; } 这将强制容器尊重其中所有元素的高度,的浮动元素。 http://jsfiddle.net/gtdfY/3/
..
对于投资组合,我需要用计算机图像包装所有图像以进行演示。我将使用类似这个例子来包装图片: 图片必须包含流体尺寸(以百分比表示的高度和宽度),因此包装也是如此。 任何人都知道如何实现这一点? 有没有办法以跨浏览器的方式? 解决方案 将图片添加为可的 background-image >
并附加另一个div与另一个backgrund图像。 like: $
..
这是我有,我已离开div,和一个右div。左div是固定宽度,向左浮动。右边的Div是一个“display:block”使它的全宽,并在左边有一个边距以补偿左div。这两个框都有固定的高度,需要可滚动(内部的内容)。我成功地向Left div添加了一个overflow-y。 添加溢出之前: http://jsbin.com/asecuy/ 添加溢出: http://jsbin.co
..