在 Shopify 产品页面上显示一种颜色选项

Posted 2023-02-16

【中文标题】在 Shopify 产品页面上显示一种颜色选项

【英文标题】：Display one colour option on Shopify product page

【发布时间】：2021-01-18 10:47:02

【问题描述】：

我试图在任何时候只显示我产品的一种颜色变体。

当我手动为每种产品颜色分配图像时，我可以让它工作，但是当我上传新的 .CSV 时，它会被覆盖。由于这家商店将有数百种产品，因此这不是一个可行的解决方案。

任何帮助将不胜感激。谢谢。

.CSV 链接

https://docs.google.com/spreadsheets/d/1trq0X3MjR-n2THFnT8gYYlwKscnQavCeeZ8L-ifYaHw/edit?usp=sharing

产品页面链接

https://tomgarrad.myshopify.com/products/lightweight-trainers?variant=37878137356461

【问题讨论】：

商店有密码，能不能分享给我看看？

请在下面查看我编辑的所有代码的粘贴箱 - 如果您需要其他任何内容，请告诉我，或者我可以让您访问。 product-template.liquid pastebin.com/Bt7VxTKZ theme.js pastebin.com/MnkMEWeA

【参考方案1】：

使用Shopify API 而不是从电子表格上传。它可以让你做很多事情，下面的代码会上传一个产品：

POST /admin/api/2021-01/products.json

  "product": 
    "title": "Lightweight Trainers",
    "body_html": "<strong>Great trainers!</strong>", #Description
    "vendor": "Tom", #The name of the products vendor
    "product_type": "Trainer",
    "variants": [
      
        "option1": "Blue",
        "price": "10.00",
        "sku": "123" #code
      ,
      
        "option2": "Red",
        "price": "10.00",
        "sku": "123" 
      
    ],
    "images": [
      
        "attachment": "R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\n"
      
    ]
  

图片附件是base64 encoded，所以在上传图片时请记住这一点。 Shopify 有一个非常详细的 API 文档，很容易setup。希望这对你有用。

【讨论】：

感谢 Insula - 我只寻找选择蓝色变体时显示的蓝色图像，选择红色时与红色图像相同。本质上是隐藏当前未选择的任何颜色变体的任何缩略图/图像。如果这有帮助吗？

啊，所以您希望显示图像首先为蓝色，并选择蓝色变体。那么如果用户选择红色，它会显示红色的图像吗？如果是这样，让我为你写一些代码，完成后我会编辑我的答案

就是这样！谢谢。

我应该提及选择蓝色变体时显示蓝色缩略图并隐藏红色缩略图。选择红色时反之亦然。再次感谢。

非常感谢@Insula - 如果这是您在步骤 1 中的建议，那么我在为每个变体选择 alt 图像时会遇到麻烦，因为每次我上传新的 CSV 时，这些都是抹去；而且由于我有数百种产品，我无法每次都这样做。我在 CSV 中确实有图像替代文本，已经使用文本作为颜色名称，这就足够了吗？我会尽快完成您的步骤，再次感谢您。