shopify 相关问题

Shopify是一个用于创建电子商务网站和其他动态网站的在线平台。

在shopify产品中添加多个变体选项

我正在尝试在产品中添加多个选项,例如尺寸/颜色/类型,但无论我做什么,我只能添加 1 个选项,如果我添加多个选项,我只会得到一个状态为“False”的标志“并且...

回答 1 投票 0

Shopify Hydrogen - 更新到 2024.4 后项目不再启动

自从更新我的 Hydrogen 项目以来,它现在在使用 npm run dev 命令时不再启动。 我的项目运行良好。 决定将 package.json (和相关文件)更新为

回答 1 投票 0

客户 ID 未在 Shopify 购物车 Webhook 中返回

Shopify 购物车 Webhook 未返回客户 ID。因此我们无法识别哪个用户将产品添加到购物车。 我们如何才能实现这一目标?

回答 2 投票 0

如何控制台登录shopfiy .liquid代码

如何在浏览器控制台中看到console.log。在 mini-cart.liquid 中我做了: console.log({{request.origin}}) 但在控制台中看不到它。

回答 2 投票 0

如何在 Shopify Liquid 模板中正确显示 ACF 元字段中的 JSON 数组值?

我在我的测试网站(我用于网站开发)上使用 ACF 插件来添加为产品选择服装尺寸的功能。但是,我目前无法显示这些数据,即使......

回答 1 投票 0

如何统计Shopify 2.0黎明主题中当前展示的产品?

在黎明(版本5.0.0)主题Shopify的收藏页面中,有内置的功能来查看产品总数。 我想显示当前产品有多少,当更多

回答 1 投票 0

如何禁用shopify商店中的默认预测搜索?

我正在尝试将我们自己的预测搜索集成到shopify商店中,它也工作正常,但有时会显示默认搜索而不是我们的搜索。 也就是说,如果我在 Shopify 上搜索...

回答 1 投票 0

在shopify中以正确的顺序显示尺寸选项

在收藏页面,过滤器中的尺寸选项显示混乱,大致是这样的: M 号 XS 码 L 号 S号 我需要这样组织它: XS 码 S号 M 号 L 号 还有...

回答 1 投票 0

使用 Ajaxate 的 Shopify 无限滚动在应用过滤器后停止工作

{% 如果模板包含“集合”%} document.addEventListener("DOMContentLoaded", function() { var 无休止的滚动 = 新的 Ajaxate({ 容器:'#product-grid...</desc> <question vote="0"> <pre><code> {% if template contains &#39;collection&#39; %} &lt;script&gt; document.addEventListener(&#34;DOMContentLoaded&#34;, function() { var endlessScroll = new Ajaxinate({ container: &#39;#product-grid&#39;, pagination: &#39;#Huratips-Pagination&#39;, loadingText: `&lt;div class=&#34;loading&#34; style=&#34;text-transform: uppercase; padding-bottom: 40px; padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;&#34;&gt; &lt;span style=&#34;height: 30px; width: 30px; background-repeat: no-repeat; background-size: contain; display: inline-block; background-image: url(https://cdn.shopify.com/s/files/1/0691/4221/6959/files/loader-black.svg?v=1712406692);&#34;&gt;&lt;/span&gt; &lt;span&gt;Loading more products&lt;/span&gt; &lt;/div&gt;` }); }); &lt;/script&gt; {% endif %} </code></pre> <p>我已经在我的shopify商店上编写了用于无限滚动的代码,但是在应用排序或过滤器后,该代码停止工作,可能我认为这是由于当我们在shopify中应用排序或过滤时,它会重新加载类下的内容。 Product-grid-container 并替换整个 html,这就是为什么 #product-grid 及其内容是新的,因此它在应用排序或过滤后停止工作,有什么方法可以处理这种情况吗?</p> <p><a href="https://i.stack.imgur.com/ITYXJ.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0lUWVhKLnBuZw==" alt=""/></a></p> <p>在这张图片中,我展示了重新加载 .product-grid-container .collection 下的整个内容,我在 shopify 中使用聚光灯主题。</p> <p>提前感谢您的帮助..:)</p> </question> <answer tick="false" vote="0"> <p>看来你的分析是正确的。当您在 Shopify 中应用排序或过滤时,ID 为 #product-grid 的容器内的内容将被替换,这会破坏 Ajaxate 设置的功能,因为新内容没有附加必要的事件侦听器。</p> <p>要处理这种情况,您需要在应用排序或过滤后重新初始化 Ajaxate。您可以通过监听排序或过滤机制触发的事件来完成此操作,然后在这些事件发生时重新初始化 Ajaxate。</p> <p>以下是如何修改代码来实现此目的:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>{% if template contains &#39;collection&#39; %} &lt;script&gt; document.addEventListener(&#34;DOMContentLoaded&#34;, function() { // Function to initialize Ajaxinate function initializeAjaxinate() { var endlessScroll = new Ajaxinate({ container: &#39;#product-grid&#39;, pagination: &#39;#Huratips-Pagination&#39;, loadingText: `&lt;div class=&#34;loading&#34; style=&#34;text-transform: uppercase; padding-bottom: 40px; padding-top: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;&#34;&gt; &lt;span style=&#34;height: 30px; width: 30px; background-repeat: no-repeat; background-size: contain; display: inline-block; background-image: url(https://cdn.shopify.com/s/files/1/0691/4221/6959/files/loader-black.svg?v=1712406692);&#34;&gt;&lt;/span&gt; &lt;span&gt;Loading more products&lt;/span&gt; &lt;/div&gt;` }); } // Initialize Ajaxinate on page load initializeAjaxinate(); // Listen for events that indicate sorting or filtering is applied // Assuming you have some sort of event that triggers after sorting/filtering // Replace &#39;your-sorting-event&#39; with the actual event name document.addEventListener(&#39;your-sorting-event&#39;, function() { // Reinitialize Ajaxinate after sorting or filtering is applied initializeAjaxinate(); }); }); &lt;/script&gt; {% endif %}</code></pre> </div> </div> <p></p> <p>将“your-sorting-event”替换为 Shopify 在应用排序或过滤后使用的实际事件名称或触发器。如果您使用 JavaScript 来处理排序/过滤,这可能是自定义事件;如果您使用的是 Shopify 库或框架,则它可能是由 Shopify 库或框架提供的事件。</p> <p>这样,每次应用排序或过滤时,Ajaxate 都会重新初始化,确保即使在内容被替换后,无限滚动也能继续工作。</p> </answer> </body></html>

回答 0 投票 0

如何为产品页面创建自定义店面?

我正在尝试构建自定义产品页面。当产品满足某些条件时,我的应用程序将在该自定义产品页面中呈现该产品。 我怎样才能实现这个?谢谢!

回答 1 投票 0

在注册表单中添加生日输入,显示在网页上,并在shopify上的客户管理中使用此数据进行过滤

我想通过在 Shopify 网站上添加生日输入来自定义注册表单,而无需任何应用程序。 然后在我的网页上显示生日数据。 然后可以重新设置生日月份的过滤功能...

回答 1 投票 0

shopify可以这样做吗? (最好的平台是什么?)

我的客户需要向我发送一个文件,我们将编辑该文件并发回给他们(最好通过客户页面)。 Shopify 是开展此类业务的好平台吗?我知道它非常适合数字...

回答 2 投票 0

您想在您的电子商务商店中持续获得更多销售额吗

https://www.upwork.com/services/product/marketing-boost-your-ecommerce-website-with- effective-marketing-plan-more-sales-1776910930605842432?ref=project_share 使用 upwork 获得更多销售额 Boost Your

回答 1 投票 0

Shopify:创建自定义流程来创建客户(其他元字段)

我想创建一个自定义表单供用户注册,因为我需要客户的生日。 所以我需要用户输入他的生日作为必填字段,并且我需要检查用户是否...

回答 1 投票 0

无需在Shopify中导入实际数据即可快速完成批量操作Webhook

我目前正在使用一个程序,旨在上传 JSONL 文件以进行批量产品导入。我的数据集包含大约 56,000 个产品,分布在大约 50 个 JSONL 文件中。每个文件都...

回答 1 投票 0

Shopify API 对订单进行分页以获得准确的计数

在 Shopify ORDERS API 中,我使用 /admin/api/2021-01/orders/count.json 为了得到订单数,所以我想得到所有的订单。通过遵循 REST API 文档,我使用了两个端点...

回答 2 投票 0

能够在 Shopify 中通过 GraphQL 检索多个元字段

我为博客文章创建了一些元字段并填充了它们。我正在构建一个 Hydrogen Shopify 店面并使用 GraphQL 来获取该博客/文章数据。但我似乎不知道如何...

回答 1 投票 0

Shopify - 结账时未选中复选框

我对 Shopify Checkout 扩展性有疑问。 目标很简单 - 在结账页面添加一个复选框。 我正在使用 REACT 应用程序来执行此操作,并且我能够相对轻松地添加一个复选框...

回答 1 投票 0

Shopify API - 为特定 VariantID 设置不同的外币价格

我需要发送 API 调用,为每种货币设置不同的价格到特定的 VariantID。该商店设置以英镑为基础。不知何故,我需要传递特定 VariantID 的每种货币的价格 我...

回答 1 投票 0

重复计时器无限次

我正在尝试使用 Google Optimize 在我的 Shopify 结帐中添加倒计时器。我使用以下 HMTL 和 JS 让它工作。取自这里 然而,一旦计时器结束并且我重新加载......

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.