我正在为我的客户开发shopify商店，我的客户需要在图像点击的基础上选择产品变体。请在此处检查图像
您可以看到三个小缩略图(一个选择了黑色背景，另外两个选择了白色背景)。客户希望，当客户点击这三个缩略图之一，价格和所有其他在此页面上的变体应被选择为点击的图像变体。有没有可能，请指点一下。如果这是可能的，我可以如何定制它，如果它不是，请提供任何参考。
浏览 11提问于2016-07-20得票数 0
1回答
将图像与其ALT链接起来
、、、、
我正在使用Shopify中的产品页面，我的产品有11个变体，所以我只想显示所选变体的图像。现在，除了单击不同的变体，缩略图图像没有变化(但是主图像是这样)、、之外，所有东西都正常工作。$(function() { $(".product
浏览 1提问于2017-04-04得票数 1
回答已采纳
如果我有一个有10个样式的产品，那么每个样式都有10个颜色，每个产品变体至少有2个图像(前和后)，当前的Shopify主题将显示所有产品变体的缩略图(下面的特征图像)。这种情况将给客户提供糟糕的用户体验，因为显示所有不同的图像将使产品页面过于拥挤。
我试图按下面的方式修改代码。但它没有显示任何缩略图。<ul class="product-single__thumbn
浏览 1提问于2016-12-01得票数 1
1回答
我有一个Shopify网站：我正在使用创建图像缩放功能。但是，当您选择一个变体映像，然后悬停在主产品映像上时，它将显示最初加载的变体。<div class="product-single__photos zoom" id="ProductPhoto" style="position: relative; overflow: hidden;"
浏览 0提问于2016-12-07得票数 0
回答已采纳
我在一个基于Shopify平台的鞋店网站上工作。我们想要隐藏脱销的鞋子尺码的变体。在做了一些挖掘之后，我发现了一个购物教程，它告诉我输入一个新的“代码片段”，然后编辑theme.liquid文件。但是，当客户第一次来到产品页面并单击鞋码的下拉菜单时，所有的鞋码都会显示出来。除非客户单击不可用的尺寸，然后再次单击下拉菜单，否则菜单仍会显示所有尺寸。{% comment %}删除已售罄的变体。仅适用于只有一个
浏览 3提问于2017-10-02得票数 1
我对Shopify很陌生，才刚开始学习。我的问题是，我已经创建了一个允许区段产品的页面模板，现在当我用相同的页面模板创建另一个页面时，页面内容与我以前创建的相同，如果我在第二个页面中更改内容，它将反映两个页面。如何区分不同页面的区段？{% schema %} "name": "Promotional Blocks", {
"type": "<e
浏览 0提问于2019-07-08得票数 2
2回答
我可能有这个问题，因为我缺乏经验的液体和shopify平台在一般情况下。在当前的主题im工作中，当一个产品被添加到卡时，它总是添加最小的可用大小。onclick=" Shopify.addItem('{{ product.variants.first.id}}', 1);
当前，当触发此代码时，产品的最小大小(假设是第一个)被添加到购物车中。我试着看一下product.variants的shopify API文档，但是主题或
浏览 6提问于2020-12-07得票数 1
我对Shopify有点陌生，在过去的一周左右，我一直在尝试使用它，但在试图解决我的问题时并没有取得太多成功。
我目前使用的是Brooklyn模板，它们表示产品页面的方式并不能准确地给出最佳的用户体验。默认情况下，它表示图像的方式是让所有产品变体的图像始终显示给客户，即使他实际上没有标记该变体(即产品的特定颜色)。它还以垂直方式显示所有产品图像，如果每个产品变体有超过几张图片，这将使
浏览 2提问于2016-02-28得票数 1
正如标题所示，我希望更新我的Shopify初次主题，以显示和隐藏一个附加的文本框，其中包含变体元字段，这取决于所选的变量下拉选项。下面是HTML选择下拉列表：
<select class="single-option-selector single-option-selector-product-template product-form<select class="single-option-selector single</e
浏览 0提问于2018-10-04得票数 0
TLDR;www.mywebsite.com?variant=13390743207991?我正在为Shopify网站开发一些工作。据我所见，Shopify为特定产品提供了一个产品变体选择器，在该选择器中，可以动态地更改所选产品和产品价格。其中一个例子是这样的：
<select name="id" id="produ
浏览 0提问于2019-09-02得票数 0
1回答
我有一个更改功能，该功能应该将图像更改为所选的变体图像，但我无法使其正常工作。下面是html标记； <div class="single-product-imagealt="{{ image.alt | escape }}">
浏览 4提问于2021-01-18得票数 0
因此，这里有一个场景：当前：“添加到购物车”按钮显示(灰色)，可以点击之前，一个变化被选择。会出现一个警报，通知用户选择一个变体。当我从下拉菜单中选择一个变体时，如果该变化中出现缺货，按钮就会变灰。如果所有4个变体都缺货，页面的初始加载仍然会显示“添加到购物车”按钮变灰，并单击“提示”以选择一个变体。我想要的是:如果至少有一个变体还在库存中，那么标准的WooCommerce功能将保持不变(
浏览 1提问于2018-05-21得票数 0
回答已采纳
我很难将我的select变体转换成按钮格式。各种选项都显示为使用select，但是我试图将它们转换为图像块，并使它们具有可选性。我有一个作为按钮/参考的变体的输出，但我不知道如何更改变体选择器，使它们像目前在select下拉列表中那样正常工作。我认为它是这样的，这就是当前jQuery选择调用的主题。现有工作选择变体
<select id="product-select-{{ product.id }}" name=&
浏览 2提问于2015-08-20得票数 1
回答已采纳
当我改变产品变体时，我希望它能改变这个自定义循环上的图像。产品-Image.php：global $product;
$image_urls = array();
$image_id = $pro
浏览 6提问于2022-06-23得票数 1
我正在一个Shopify网站上工作，我所做的是在集合页面上显示产品的所有变体作为单个产品，但是我想要帮助的是，当有人单击集合页面上的变体图像时，它应该在产品页面中打开相同的变体。 <div class="hover-grid-wrapper">
<
浏览 11提问于2022-02-22得票数 1
我有一个，每一款已经售罄的产品仍然是指产品页面，尽管它是不可用的。按钮“产品选项”仍然存在。因此，我发现这段代码应该更改"add“按钮(在我的示例中，这个按钮主要是'select选项‘，因为我的大多数项都是可变的)。我想改变这个按钮上的文字，只卖完产品。我想把它写成“特别命令”之类的。( 'woocommerce_product_single_add_to_cart_text', 'customizing_add_to_
浏览 4提问于2020-10-14得票数 1
回答已采纳
我的网站上有一些可变的产品。在只有几个特定产品上，我在这些产品上添加了两个变体，一个是“碳纤维”，另一个是“未涂”，现在我想要的是，当用户单击第二个“未绘制”的变体时，“添加到购物车”按钮的文本应该从“添加到购物车”按钮改为“按订单我已经更新了我的问题，以便更具体地说明下面的代码第一部分代码是jQuery来显示我的单个产品页面上的变化，第二个是更改特定产品的更改名称：
window.addEventListener
浏览 9提问于2022-02-15得票数 1
回答已采纳
我的电子商务供应商给了我一个脚本，它允许我根据用户从一个简单的select元素中选择的产品选项动态地更改库存水平。 new Shopify.OptionSelectors("product-select", { product: , onVariantSelected:我可以看出，此代码还具有根据当前选择的选项更改当前显示的产品<
浏览 2提问于2015-05-13得票数 0
在我的应用程序中，有一个输入字段，在输入字段中，我输入一个名称来更改我的产品的名称，然后在单击某个按钮后选择一个产品。我在我的服务器文件中使用它来更新API，并且我假设我应该更改/api/2022-10/products/id，以及product.id和product.title的值。这是index.jsx的一个子组件-test/web/前端/page/index.jsx
浏览 2提问于2022-11-06得票数 1
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
