问题标签 [shopify-template]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
471 浏览

css - 无法编译我的 SASS 变量

这是我的 Sass 代码

这就是我在我的 theme.liquid 中导入的方式

这是我检查时遇到的错误

带有黄色警告“无效的属性值”。谁能明白为什么 Shopify 没有通过 SASS 编译阶段运行代码?

0 投票
1 回答
3301 浏览

liquid - 如何从 Shopify 主题中的“产品”输入中获取产品 URL

我正在开发 Shopify 主题,并在其中一个部分中添加了一个设置,让用户从他们的商店中选择产品

在架构中我有这个

在 HTML 中,我正在这样做

然而,href总是空的。我尝试选择不同的产品,但没有用。

输出section.settings.product_order打印产品标题。

我是否product错误地使用了设置输入?

0 投票
2 回答
3661 浏览

shopify-template - Shopify 部分中的变量范围

我试图在我的部分文件中使用一个变量,但它似乎不是从它的父模板继承的。

例如:

指数.液体

部分/example.liquid

它不会输出 的值{{ foo }},而我只是得到:<h1></h1>好像从未定义过该变量。

我认为部分会像片段一样工作,其中父模板中定义的任何内容都将在包含的片段的范围内:

指数.液体

片段/example.liquid

<h1>bar</h1>渲染时我会得到的地方。

  • 这是一个错误,还是预期的行为?
  • 有没有办法可以包含一个部分并使用某种形式的外部范围的变量?

谢谢!

0 投票
1 回答
492 浏览

javascript - 使产品图片在液体中更大

我目前在 Shopify 中使用“Debut”主题。我正在寻找改变产品图片的大小并使它们更大。目前,图片的尺寸为 276x345,我希望它们达到 367x550 左右。

目前,该页面的布局是在全尺寸浏览器(非移动设备)上的页面上显示三个产品。

Collection.liquid 目前有以下内容:

在浏览器中检查时,这是返回的 CSS

是什么导致了这个最大 276px?

如何更改代码以使图片加载并以更大的尺寸显示?

0 投票
1 回答
1051 浏览

shopify - shopify应用程序上的缓存问题

我们正在开发一个应用程序,它将在产品详细信息页面上显示一个按钮来执行一些操作。我们使用 product.metaifields 根据条件显示相同的内容。所以基本上按钮显示会根据元字段值进行切换。

我们面临的问题是,从管理部分激活该功能,然后该按钮将不会显示在用户端,除非我们在浏览器上进行硬刷新。这里发生的是 Shopify 缓存元字段值,因此条件检查将不起作用。当我们对应用程序执行某些操作时,有什么方法可以删除页面缓存?

0 投票
0 回答
1562 浏览

java - 滚动时底部的添加到购物车按钮 - Shopify

提前致谢。当您滚动产品页面(大约 30%)时,我会在底部看到 AddToCart 按钮 - 桌面版和移动版(参见示例)。但是当您返回页面顶部时,我更喜欢它消失。我怎样才能做到这一点?我尝试创建另一个按钮,但它不起作用。

谢谢

图像示例底部

图像示例顶部

图片页面代码

主题液负责人

addtocartsticky.js.liquid 文件

样式 CSS 文件

HTML product-template.liquid

当然我想念一些东西。谢谢

0 投票
1 回答
346 浏览

shopify - 学习shopify主题开发的最佳地点是什么?

任何人都可以指定一个地方、文档或教程来学习开发 Shopify 主题吗?我已经学习了流动的 Shopify 模板语言,但我不明白我应该如何在我的模板或我使用 (html5 / bootstrap / css3 / js / OOp js / jquery) 制作的客户模板中使用它任何答案肯定会有用谢谢。

0 投票
1 回答
61 浏览

shopify - Shopify dev 中未加载嵌套资产

我目前面临以下问题:

我在src/assets/images/img.png. 在我想要显示图像的片段中,我写了这个(如文档中所定义):

执行时slate build,我还可以在日志中的构建过程中看到这些图像。但是当我启动我的开发服务器 ( npm run start:dev) 时,图像的链接已损坏并且不会显示。关于如何解决这个问题的任何想法?

0 投票
1 回答
788 浏览

php - 我想通过 Linklist Collection 展示产品?

我一直在遍历集合数组并尝试获取每个集合的产品,但它仍然无法正常工作??

0 投票
0 回答
60 浏览

shopify - 显示除购物车中的商品以外的所有产品 - Shopify

我的目标是展示除我购物车中的物品之外的所有产品,这些物品基本上是相关的。我已经尝试了几件事,但我总是陷入死胡同。

至今:

这列出了我购物车中每个项目的产品 ID:

这是我的 ureka 时刻,但它是硬编码的,必须有一种方法让它变得动态

仍在尝试使其正常工作

有人能指出我正确的方向吗?

非常感谢你