问题标签 [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 投票
1 回答
166 浏览

server - 创建重定向到 Mailto 的 Shopify 页面

我正在尝试创建一个将重定向到 mailto 的 shopify 页面链接。当用户访问页面时,它会自动运行 mailto:EmailAddress

0 投票
1 回答
384 浏览

e-commerce - Shopify Liquid:使用自定义部分将产品添加到客户购物车

如何在自定义部分将产品添加到购物车。

我有这个自定义部分,其中选择了多个产品,我想在客户点击购买时将它们全部添加到购物车中。

我猜有一种表格用于将POST产品放入客户购物车中?

访问产品

将产品添加到购物车

我是使用 a<form>还是shopify tag可以使用 a 来创建表单?我不明白如何将这些选定的项目添加到客户的购物车中。

0 投票
1 回答
451 浏览

javascript - 在图像上添加产品列表

我正在使用minimal templateinShopify并想重新创建附加的此图像。我曾尝试研究类似的例子,但似乎找不到任何东西。我该如何去创建这个图像?如何获取菜单后面的图像?

试图创造

任何实现图像的链接或文档都会有帮助。

0 投票
1 回答
632 浏览

javascript - 一张幻灯片中的多张图片

我正在使用minimal themeinShopify并创建了一个slideshow包含 4 个图像的图像,但它是垂直显示而不是水平显示的。如何将其更改为水平显示而不是垂直显示。我曾尝试寻找解决方案,但似乎找不到。下面是我尝试获取水平显示的多图像滑块的代码。附上的图片是我想要实现的。

我想达到什么

HTML

CSS

Javascript

任何链接或代码更改将不胜感激。

0 投票
1 回答
649 浏览

content-management-system - shopify - 有没有办法创建类似于“部分”的 cms-block 以从各种站点(产品/集合/页面)访问

我实际上正在研究一个shopify主题,我正在寻找一种方法来在一个地方创建像部分或部分块这样的内容,可以在任何模板液体中调用它以在整个过程中的各种情况下重用创建的块主题。

诸如信息块、横幅或整个部分之类的东西,可以显示在集合中,也可以显示在某些产品中,具体取决于产品价值。

因此可以在所见即所得或部分(-块)编辑器中轻松更改内容,并在整个主题中进行更改。

我通过创建一个单独的博客来管理类似的事情,我用它来创建可以在任何主题文件中调用的全局可访问内容。

Unforenetly 我不满意,因为必须发布文章才能看到,因此当您知道博客网址时可以访问。

是否有类似“cms-block”的功能内置到 shopify 或具有这些功能的应用程序中?

有没有比以下更常见或更好的方法:

0 投票
1 回答
46 浏览

shopify - 查找图片地址

我正在 shopify 中开发并想添加background image以下内容,但找不到它的 url 链接。我知道你可以在Settings -> Files. 但我需要实际picture url online然后上传它。

我想得到的图像

0 投票
1 回答
168 浏览

shopify - Shopify 动态页面内容

我有一个 Shopify 主题,我想添加一个像 Wordpress 一样的自定义帖子类型。

我创建了一个名为 page.project 的新页面模板,并创建了一些可以添加到我的项目页面之一的片段。我发现这很有效,直到我添加了第二个项目并且每个 page.project 上的数据都通过每个项目进行了克隆。

有没有一种方法可以将 page.project 添加到 Shopify,可以在每个页面上使用不同的数据片段重复使用?

0 投票
0 回答
168 浏览

javascript - Shopify:修改后购物车中的变体不正确

我最近添加了教程中代码的修改版本:

https://help.shopify.com/en/themes/customization/products/variants/hide-variants-that-are-sold-out

我对此进行了修改,以仅显示清仓系列中具有价格(特价)比较的变体。有时,我们的商品仅在销售中具有某些变体,并且我们希望在查看清仓系列时仅显示产品的这些变体。我已经让它几乎工作了。唯一的问题是,当从清仓部分 (/collections/clearance/itemonsale) 查看商品然后添加到购物车时,第一个变体被添加到购物车,而不是在下拉框中选择的一个。这仅在商品第一次添加到购物车时发生。如果有人要返回产品并再次添加它会正常工作。通过类别集合 (/collections/category/itemonsale) 或直接 (/products/itemonsale) 访问产品时,一切正常,因此脚本似乎至少在应该触发的时候触发。任何关于我需要在此处更改以完成这项工作的想法将不胜感激。例子:https://evans-daily-grindb.myshopify.com/collections/clearance

在 product.liquid 中(可能不需要 collection.handle=..... 的第二个实例):

在 theme.js 中:

0 投票
2 回答
524 浏览

shopify - 在文章上显示产品

如何在文章页面上显示产品列表(如食谱)。你能给我一些关于我应该用什么来实现这种行为的指导吗?我如何将这些产品动态链接到文章?在此处输入图像描述

0 投票
2 回答
85 浏览

javascript - 删除日期已过的 JSON 对象

我正在尝试按名为“事件日期”的元字段对 Shopify 博客文章进行排序。我调用了我的articles.JSON,但它没有附带metafields.JSON,因此我必须获取该数组并将其放入foreach 函数中以将元字段附加到每篇文章。

这是每篇文章的 metafields.json 的设置方式:

我如何在下面附加 metafields.JSON:

我现在正试图摆脱与当前日期相比已经过去的日期(“Key”:“Event-Date”)的任何文章。我查看了以下有关在 foreach 循环中删除对象的Stack Overflow 帖子,但没有一个解决方案证明实际上可以摆脱所有文章。它偶尔会摆脱所有这些,但有时会留在其中一个物体中。

我也尝试了一个数组过滤器,但是当我使用它时,我得到的只是一个空数组。我现在已经坚持了一段时间,因此非常感谢任何有关解决它的帮助。